Please enable JavaScript.
Coggle requires JavaScript to display documents.
Next.js Learning Path - Coggle Diagram
Next.js Learning Path
Pre-rendering & Data Fetching
Pre-rendering
Static Generation
getStaticProps
Static Generation with Dynamic Parameters
getStaticPaths
Incremental Static Regeneration
Server-side Rendering
getServerSideProps
Client-side Data Fetching
Misc.
_app.js
Head Component
Image Component
Absolute Imports & Module Paths
Static HTML Export
TypeScript
Preview Mode
Redirects
Environment Variables
Authentication
next-auth Library
Sign In & Sign Out
Auth Provider Setup
Client-side Authentication
Securing Pages Client-side
Server-side Authentication
Securing Pages Server-side
API Routes Authentication
Database
Routing
Page based routing
Nested Routes
Dynamic Routes
Nested Dynamic Routes
Catch All Routes
Link Component
Programmatic Navigation
Custom 404 Page
API Routes
File based routes
Handle GET & POST
Dynamic API Routes
Handle PUT, PATCH & DELETE
Catch All
Styling
Global Styles
Component Styles
SASS Support
CSSin-JS Solution