The Fastest Next.js Course: Learn Next 15 with App Router

learn to build dynamic product pages in Next.js by passing product id through url parameters, creating routes, and linking from a product list to individual product pages.

Create a client component basket count that uses context to display the cart item count via items.length, conditionally rendering when items exist and integrating with the header styling.

Implement remove from bag in a Next.js app using context to track items, with conditional UI showing remove or added to basket states, enabling multiple items.

Build the basket page in a Next.js app using the app router, featuring a shopping bag header, a basket items table powered by context, and a client component for updates.

Compute the order total by calculating each line subtotal (price times quantity) and summing items with reduce, starting from zero, to produce the grand total.

Create a reusable format price utility in a new util folder to format all USD prices with two decimals across components like product cards, product pages, and the basket.

Handle loading states and api errors in Next.js app router to prevent broken pages in categories, products, and product details, and offer retry options for a seamless user experience.

Explore implementing loading states in Next.js by simulating delays with a sleep function, creating a loading page, and building a reusable CSS loader component for better user experience.

Start the products page by adding a top filter and a load more with paginated api requests; create a new products component to fetch and render product cards.

Implement loading and error handling for the products page by using an error boundary around the products component, showing a loader and a fallback message for API failures.

Set up URL parameters in the Next.js app router to filter products by category, supporting optional categories and a single slug using dynamic routes.

deploy your Next.js app with Vercel by linking a git repo and pushing to main; create a GitHub repo, initialize git, and add a gitignore before initial commit.

Publish new features to a test environment before going live by creating a feature branch, deploying to a preview environment on Vercel, and having QA test before merging to main.