A 15-session course on the server side of Next.js that pairs my own slides with the official Next.js Learn tutorial: server components, secure environment variables, data fetching, rendering strategies, authentication and SEO.

Type

Course

Duration

45h - 15 blocs/sittings

Materials

3 slide decks (PDF) and links to Next.js Learn chapters

Language

French (slides)

View the course on GitHub

What the course covers

It opens with the differences between client and server, the network boundary between them, and the strengths and weaknesses of each side.

Two later lectures focus on topics that matter in production: keeping environment variables secret with server components (keys for services such as storage buckets or databases, and what happens when they leak), and search engine optimization, from its three pillars to the way crawlers such as Googlebot index a site.

Guided chapters

Most sessions follow chapters of the official Next.js Learn course, mainly its dashboard application: database setup, data fetching, static and dynamic rendering, streaming, partial prerendering, search and pagination, data mutations, error handling, accessibility, authentication and metadata, plus the React Foundations chapter on server and client components.

Structure

• Session 1: introduction to server-side frameworks
• Sessions 2–3: dashboard tutorial, chapters 1 to 5
• Session 4: server and client components
• Session 5: secure environment variables and database setup
• Session 6: exam 1
• Session 7: fetching data
• Session 8: rendering, streaming, search, mutations, errors and accessibility (chapters 8 to 14)
• Session 9: authentication
• Session 10: SEO and metadata
• Session 11: exam 2
• Session 12: topic to be announced
• Session 13: work period
• Sessions 14–15: presentations

View the course on GitHubNext.js Learn: dashboard tutorial