← All courses

IND 517 · 3 credits

Next.js

Take your React skills to production with Next.js. You already know components, hooks, Express servers, and REST from the React and Backend with Node.js courses. Next.js fuses them into one framework: file-based routing, server components, data fetching with smart caching, server actions, and one-command deploys. You finish by shipping a complete mini-app.

Local progress0/29 lessons · 0%

What you'll learn

  • Explain what Next.js adds on top of React (routing, server rendering, data fetching, deployment) and when a framework beats a plain React SPA
  • Build multi-page apps with the app directory: pages, nested layouts, dynamic [slug] routes, loading and error states, and Link-based navigation
  • Apply the server vs client component mental model to decide where code runs and where 'use client' belongs
  • Fetch data in async server components and reason about static, dynamic, and ISR rendering plus fetch caching
  • Handle mutations with forms, server actions, and API route handlers, connecting back to the REST patterns from Backend with Node.js
  • Ship a real app: metadata for SEO, optimized images and fonts, environment variables, and a production build deployed to a platform like Vercel

Unit 1Why a framework: React for production

Unit 2Project anatomy and file-based routing

Unit 3Server vs client components

Unit 4Data fetching

Unit 5Dynamic routes and params

Unit 6Mutations: forms, server actions, route handlers

Unit 7Rendering strategies and SEO

Unit 8Styling and assets

Unit 9Shipping: build, deploy, and the capstone tour

Reviews

0 ratings

5
0
4
0
3
0
2
0
1
0
  • No reviews yet.

Discussion

  • No comments yet. Sign in to comment.