Skip to main content
NEW
New questions added!
Explore now
frontendpro
en
Sign in
Pricing
Get full access
en
Sign in
frontendpro
Dashboard
Courses
Interview guides
Practice
Technical articles
All articles
JavaScript
React
Next.js
TypeScript
JS Engine
Performance
Design Patterns
Algorithms
Authentication
Backend
Design
Frontend
About FrontendPro
Next.js
Next.js
Default
Title
19
docs
0
Read
Filters
1
1
0. Next.js App Router, File-Based Routing
Next.js App Router, File-Based Routing
2
1. Server/Client Components and Hydration
Server/Client Components and Hydration
3
2. Metadata API (SEO basic)
4
3. fetch() and Caching
Next.js caches `fetch()` permanently by default (easily leading to "stale data" bugs), which can be configured using `no-store` or `revalidate: N`. This cache operates exclusively in Server Components; React Query handles caching/polling in Client Components, and both are commonly used in tandem.
6
5. SSR, SSG, ISR and generateStaticParams
SSR, SSG, and ISR are not three isolated mechanisms in the App Router; rather, they represent different combinations of `fetch()` cache options (covered in the previous section) alongside `generateStaticParams()` and `dynamicParams`.
7
6. Revalidate - Time-Based and On-Demand
Time-based revalidation (`revalidate: N`) refreshes data automatically on a schedule but introduces unnecessary latency. `revalidatePath` and `revalidateTag` allow you to proactively trigger cache invalidation immediately when mutations occur, without waiting for the cache timer to expire.
8
7. Streaming and Suspense
By default, a Server Component must finish executing completely before sending down HTML, even if parts of the data are ready much earlier. Isolating slow parts into async child components and wrapping them in `<Suspense>` enables Next.js to stream HTML in chunks.
9
8. Parallel Routes
Parallel Routes allow multiple independent `page.tsx` views to coexist under a single URL via named slots (`@slotName`), with each slot having its own dedicated `loading.tsx` and `error.tsx` convention files
9
Summary and General Principles
10
App Router - Navigation & Prefetch (supplemental)
A short note on <Link> and prefetching. For the full guide to routing, layouts, searchParams, error.tsx → 1. App Router - In Depth.
11
9. JWT Cookies & Dual Auth - A Detailed Guide (Nova Shop)
Explains why Nova has two auth systems (NextAuth + NestJS JWT), how authFetch / refresh works, and compares it against best practice.
12
8. NextAuth v5 (Auth.js) - A Detailed Guide
Configuring Auth.js / NextAuth v5 in Nova Shop: file structure, providers, callbacks, JWT session.
13
7. Authentication - A Detailed Guide (Overview)
The foundation of Authentication (AuthN) and Authorization (AuthZ) before reading 8. NextAuth v5 and 9. JWT Dual Auth.
14
6. Middleware - A Detailed Guide
A document explaining middleware.ts - runs before a request reaches a page, used for auth gating, redirects, and NextAuth v5 integration.
15
5. Data Fetching, Cache & Revalidation - Detailed Guide
This document explains how Next.js fetches and caches data in the App Router, and how Nova Shop applies it (revalidateTag, revalidatePath, refresh()).
16
4. Route Handlers - A Detailed Guide
A document explaining app/api/**/route.ts - building HTTP APIs in Next.js (Stripe checkout, webhooks, NextAuth).
17
3. Server Actions - A Detailed Guide
A document explaining Server Functions / Server Actions - calling a server function from a form or client without writing /api/... for every mutation.
18
2. Server vs Client Components - A Detailed Guide
A document explaining the two component types in the App Router, when to use each, and how Nova Shop splits products/page.tsx (server) vs productForm (client).
19
10. Nova Shop - An End-to-End Codebase Reading Guide
A document that ties every topic together (routing, RSC, actions, API, cache, auth) into a practical reading path through the Nova-online-shopping codebase.
