webroad.online
  1. 1Web
  2. 2HTML
  3. 3CSS
  4. 4JavaScript
  5. 5TypeScript
  6. 6Git
  7. 7Tooling
  8. 8React
  9. 9State management
  10. 10Next.js
  11. 11Forms
  12. 12Data and backend
  13. 13SEO
  14. 14Tailwind CSS
  15. 15Animations
  16. 16Testing
  17. 17Architecture

Next.js

App Router, Server Components, data, caching, Server Actions and deployment.

  1. 1Routing in the App RouterFolders = routes, special files, dynamic segments.
  2. 2Layouts, states and navigationNested layouts, loading/error/not-found, Link and useRouter.
  3. 3Advanced routes: parallel and intercepting@ slots, default.tsx, intercepted routes and modals with their own URL.
  4. 4Server vs Client ComponentsWhen you need 'use client' and how data crosses the boundary.
  5. 5SSR, SSG, ISR, CSR, PPRWhere and when the page renders, what to pick in which context and how Next 16 infers the strategy.
  6. 6Data fetching and streamingData directly in Server Components, in parallel, Suspense and params as a Promise.
  7. 7Caching: 'use cache', tags and PPRCache Components, cacheLife, cacheTag, updateTag vs revalidateTag.
  8. 8Server Actions and formsSafe mutations, useActionState, validation and optimistic UI.
  9. 9Authentication and sessionsDB sessions vs JWTs, where to keep the token, the DAL and auth libraries.
  10. 10Route Handlers and ProxyAPIs with route.ts, the standard Request/Response and proxy.ts.
  11. 11Metadata and SEOmetadata, generateMetadata, Open Graph, sitemap and robots.
  12. 12Env, build and deploySafe environment variables, next/image, next/font, the build and Vercel.

Was this page helpful?

One tap — no account needed.