Seznam lekcí a látky z playlistu
Introduction to Next.js

Důležitost: Klíčové, abys pochopil/a, co Next.js nabízí a proč je oblíbený.
Tip: Ujasni si, jak Next.js spojuje React a serverové funkce. Toto téma je nutné k pochopení všeho následujícího.
Folder Structure

Důležitost: Nutné pro organizaci kódu. Struktura projektu je základní kámen pro efektivní vývoj.
Tip: Projdi dokumentaci k adresářové struktuře v Next.js docs. Tuto znalost použiješ vždy.
Pages in Next.js

Důležitost: Všechny stránky v Next.js začínají v pages/. Toto je jádro každého projektu.
Tip: Vytvoř si jednoduchý projekt s několika stránkami a odkazováním mezi nimi.
Linking Between Pages

Důležitost: Navigace mezi stránkami je běžná potřeba v každém webovém projektu.
Tip: Vyzkoušej Link komponentu a sleduj, jak funguje.
CSS in Next.js

Důležitost: Styling webu je nevyhnutelný. Next.js podporuje různé způsoby, jako CSS modules a styled-components.
Tip: Začni se základními CSS modules a časem přejdi na pokročilejší řešení.
Assets, Metadata, and Icons

Důležitost: Užitečné pro přidávání obrázků, favicon a SEO metadata.
Tip: Prozkoumej next/image a next/head a zkus si přidat metadata do projektu.
Routing in Next.js

Důležitost: Routing je klíčový pro dynamické i statické weby.
Tip: Vytvoř si projekt, kde použiješ statické a dynamické routy.
Dynamic Routes

Důležitost: Nutné pro projekty s dynamickým obsahem (např. blogy, e-shopy).
Tip: Vytvoř dynamické stránky s [id].js a propojení na data.
API Routes

Důležitost: Umožní ti vytvořit vlastní API přímo v Next.js. Super pro backendové funkce.
Tip: Vyzkoušej vytvořit endpoint pro získávání dat.
Pre-rendering and Data Fetching

Důležitost: Toto je největší síla Next.js – práce s daty a jejich optimalizace pro výkon.
Tip: Vyzkoušej obě metody: Static Site Generation (SSG) a Server-Side Rendering (SSR).
Dynamic API Routes

Důležitost: Pro složitější API a projekty s větším množstvím dat.
Tip: Zkus vytvořit API endpointy s parametry.
Deployment of Next.js Apps

Důležitost: Bez nasazení tvůj projekt nikdy neuvidí světlo světa.
Tip: Prozkoumej nasazení na Vercel a zkus si to.
Error Handling and Custom Pages

Důležitost: Pro uživatelský zážitek je klíčové zvládnout chyby.
Tip: Vytvoř si vlastní stránky 404 a 500.
Middleware in Next.js

Důležitost: Zlepšení výkonu a kontrola požadavků.
Tip: Vyzkoušej middleware na základní kontrolu autentizace.
Static Generation vs. Server-Side Rendering

Důležitost: Rozhodující pro výběr správného přístupu k optimalizaci výkonu.
Tip: Prozkoumej reálné scénáře, kdy použít SSG a kdy SSR.
Advanced Routing Concepts

Důležitost: Důležité pro větší projekty s komplexní strukturou.
Tip: Vyzkoušej catch-all routy a jejich použití.



Jak na to?
Začni od základů:
Sleduj playlist od začátku a každé téma si vyzkoušej na malém projektu.

Dělej si poznámky:
U každé lekce si zapisuj klíčové pojmy a příklady.

Experimentuj:
Vytvoř si vlastní demo projekt, kde zkombinuješ více funkcí z Next.js.

Používej dokumentaci:
Oficiální Next.js dokumentace je skvělý zdroj: Next.js Docs.