NextJS
by Cioloca Aurelian
Getting Started
1.
Automatic installation
2.
Project Structure
Routing
1.
Terminology
2.
The App Router
3.
Roles of Folders and Files
4.
Component Hierarchy
5.
Colocation
6.
Advanced Routing Patterns
7.
Pages
8.
Layouts and Templates
9.
Linking and Navigating
10.
Prefetching
11.
Caching
12.
Loading UI and Streaming
13.
Error Handling
14.
Redirecting
15.
Route Groups
16.
Dynamic Routes
17.
Parallel Routes
18.
Intercepting Routes
19.
Route Handlers
20.
Middleware
21.
Internationalization
Data Fetching
1.
Data Fetching, Caching, and Revalidating
2.
Server Actions and Mutations
3.
Data Fetching Patterns and Best Practices
4.
Incremental Static Regeneration (ISR)
Rendering
1.
What Is Rendering?
2.
Server Components
3.
Client Components
4.
Composition Patterns
5.
Partial Prerendering
6.
Edge and Node.js Runtimes
Caching
1.
Introduction to Caching
2.
Request Memoization
3.
Data Cache
4.
Full Route Cache
5.
Router Cache
6.
Cache Interactions
Styling
1.
Styling in Next.js
Optimizations
1.
Optimizations
2.
Images
3.
Videos
4.
Fonts
5.
Metadata
6.
Script
7.
Lazy Loading
8.
Static Assets
9.
Third Party Libraries
Configuring
1.
Environment Variables
2.
Absolute Imports and Module Path Aliases
3.
src Directory
4.
Custom Server
5.
Content Security Policy
Tips & Tricks
1.
not-found.js vs error.js vs global-error.js
2.
Make Dynamic Pages Into Static Pages: generateStaticParams
3.
Highlighting The Current Link In Site Navigation: usePathname
4.
Fetching Multiple Pieces of Data on a Single Page: Different Strategies
5.
Sharing State Between Client Components and Server Components: The URL
6.
Using the Context API for State Management in Next.js
7.
Displaying a Loading Indicator When A Form Is Submited with a Server Action: useFormStatus Hook
8.
Another Loading Indicator When Working with Server Actions: useTransition Hook
9.
Creating an API Endpoint with Route Handlers