Useful Links
Computer Science
Web Development
Frontend Frameworks and Libraries
Next.js and React Development
1. React Fundamentals for Next.js
2. Introduction to Next.js
3. Next.js App Router
4. Server and Client Components
5. Data Fetching
6. Rendering Strategies
7. API Routes and Route Handlers
8. Styling in Next.js
9. Built-in Optimizations
10. Metadata and SEO
11. Advanced Next.js Features
12. Performance Optimization
13. Testing Next.js Applications
14. Deployment and Production
Next.js App Router
File-System Based Routing
Routing Fundamentals
Folder-Based Routes
Route Segments
Nested Routes
Index Routes
Route Naming Conventions
Core Routing Files
page.js Files
Page Components
Route Matching
Page Props
layout.js Files
Layout Components
Shared Layouts
Nested Layouts
Root Layout
template.js Files
Template Components
Template vs Layout
Use Cases
loading.js Files
Loading UI
Loading States
Streaming
error.js Files
Error Boundaries
Error Handling
Error Recovery
not-found.js Files
404 Pages
Custom Not Found
notFound Function
Navigation and Linking
Link Component
Basic Linking
Client-Side Navigation
Prefetching
Link Props
useRouter Hook
Router Object
Navigation Methods
Router State
Query Parameters
usePathname Hook
useSearchParams Hook
Programmatic Navigation
router.push
router.replace
router.back
router.forward
Advanced Routing Patterns
Dynamic Routes
Dynamic Segments
Route Parameters
generateStaticParams
Catch-All Routes
Optional Catch-All Routes
Route Groups
Organizing Routes
Layout Grouping
URL Structure
Parallel Routes
Slot-Based Routing
Conditional Rendering
Loading States
Error Handling
Intercepting Routes
Modal Patterns
Route Interception
Conditional Interception
Private Folders
Underscore Prefix
Organization Patterns
Previous
2. Introduction to Next.js
Go to top
Next
4. Server and Client Components