Next.js & Full-Stack React

Build with the dominant full-stack framework: server components, app router, API routes, and server actions.

5 exercises

mediumTypeScript

Next.js Dynamic Routes with Static Generation

Create a Next.js-style dynamic route component that simulates the behavior of `[slug]/page.tsx` with `generateStaticPara...

reacttypescriptnext.js+6

mediumTypeScript

JWT Authentication Middleware

Build JWT authentication middleware for an Express API with login and protected routes. ## Requirements Create an Expr...

hardTypeScript

Next.js On-Demand ISR Revalidation System

Build a system that simulates Next.js on-demand ISR (Incremental Static Regeneration) with revalidation capabilities. #...

mediumTypeScript

Next.js Middleware for Authentication

Build a Next.js middleware function that handles authentication for protected routes. Your middleware should: - Check f...

mediumTypeScript

Next.js API Route - Contact Form Validation

Build a Next.js-style API route handler function that validates contact form submissions and returns appropriate HTTP re...