NelsonLabs
▲
Next.jsReactFull-Stack

Next.js Complete Guide

Next.js is the most popular React framework for building real, production-ready web applications. Learn routing, data fetching, API creation, styling, and how to deploy your app to the internet.

11 chapters·Intermediate·JavaScript·Free forever
N
Course by Nelson Njihia
Start LearningChapter 1

Course Contents

  1. 01What is Next.js?
  2. 02Setup & Project Structure
  3. 03Pages & Routing
  4. 04Server vs Client Components
  5. 05Data Fetching
  6. 06API Routes
  7. 07Styling
  8. 08Forms & Server Actions
  9. 09Environment & Config
  10. 10Deployment
  11. 11What's Next

What you'll learn

✓File-based routing and dynamic routes
✓Server vs Client Components — when to use each
✓Multiple data fetching strategies (SSR, SSG, ISR)
✓Building backend API routes inside Next.js
✓Styling with Tailwind CSS and CSS Modules
✓Deploying to Vercel or a custom server

Requirements

  • —Solid React knowledge (the React Fundamentals course)
  • —Basic HTML and CSS
  • —Node.js installed (nodejs.org)