Next.js Cloudflare Showcase
Interaktívna ukážka všetkých kľúčových funkcionalít Next.js (App Router) nasadená na Cloudflare Pages.
Server Components
RSC — rendering na serveri, nulový JS bundle
Client Components
useState, useEffect, interaktivita
Server Actions
Form actions, optimistic updates
Data Fetching
fetch s cache, revalidate, no-store
Caching & ISR
ISR, force-cache, unstable_cache
Route Handlers
API routes GET/POST v App Routeri
Dynamic Routes
generateStaticParams + [slug]
Catch-all Routes
[...segments] — ľubovoľná hĺbka URL
Parallel Routes
@slot — simultánne renderovanie
Intercepting Routes
Modal overlay pri navigácii
Middleware
Redirect, rewrite, custom hlavičky
Streaming
loading.tsx, async RSC s dátami
Suspense
<Suspense> boundaries s fallback
Static vs Dynamic
Rozdiel medzi SSG a SSR
Partial Pre-rendering
Statický shell + dynamické ostrovy
Image Optimization
<Image> komponent, lazy load, blur
Metadata & SEO
Static a dynamic generateMetadata
Error Handling
error.tsx, ErrorBoundary, notFound()
Loading UI
Skeleton UI cez loading.tsx
Not Found
Custom 404 stránka
Cloudflare D1
SQLite edge databáza — CRUD cez Server Actions