NoteHub

Přehled

NoteHub je plnohodnotná aplikace pro správu poznámek vyvinutá s Next.js App Routerem. Projekt demonstruje moderní postupy vývoje v Reactu včetně Server-Side Renderingu, Client-Side Renderingu, dynamického routování, hydratace React Query, správy stavu pomocí Zustand, SEO optimalizace a responzivního uživatelského rozhraní.

Můj přínos

Zodpovědnosti

• Vytvoření aplikace pomocí Next.js App Routeru
• Implementace Server-Side Renderingu
• Implementace Client-Side Renderingu
• Integrace REST API pomocí Axiosu
• Konfigurace hydratace React Query
• Implementace dynamického routování
• Přidání SEO metadat a Open Graph
• Implementace filtrování poznámek
• Vytvoření stránky detailu poznámky
• Implementace uchování konceptů pomocí Zustand
• Konfigurace persistování do localStorage
• Vývoj responzivního UI pomocí CSS Modules

Výzvy

• Kombinace SSR a CSR
• Hydratace React Query
• Dynamické routování s App Routerem
• SEO optimalizace
• Uchování konceptů pomocí Zustand