This course teaches you Next.js from the ground up — starting with project setup and moving through pages, layouts, dynamic routing, and data fetching. You will learn how the App Router works, how to structure a Next.js application, and how to fetch data using both server and client components.

Each topic is covered with clear explanations and hands-on screencasts so you can follow along and build real features step by step. Throughout the course, you'll explore: Next.js Fundamentals: Set up your environment, create a Next.js application, understand the project structure and component hierarchy, and explore the available styling options. Pages and Layouts: Create pages and a root layout, link between pages with active link highlighting, and build nested pages with nested layouts. Dynamic Segments and Search Params: Build a sidebar with a list of links, make menu components reusable, create dynamic route segments, and render pages based on search params. Fetching Data: Understand the difference between Server and Client Components, set up a fake API, fetch data in server components, add loading states, and fetch data in client components with Suspense.