๐ Key Learning Outcomes
- Advance Next.js Skills: Enhance your Next.js knowledge by learning advanced concepts such as server actions, route slots, and various data fetching strategies.
- Implement Authentication and Route Protection: Master form authentication and secure your applications by protecting routes using middleware techniques.
- Optimize Application Performance: Use caching and revalidation techniques to improve performance, ensuring your applications are fast and efficient.
- Build Full-Stack Applications: Integrate databases with Next.js and leverage React 18+ features to develop robust, dynamic web applications.
- Understand Advanced React Concepts: Explore React 18+ features like suspense, transitions, and error handling to build responsive and interactive user interfaces.
๐จโ๐ซ About the Course
This course takes your Next.js skills to the next level by exploring advanced concepts necessary for building production-ready applications. You'll learn about server actions, data fetching strategies, and route slots, along with form authentication and middleware for route protection. You'll also dive into caching and revalidation techniques to optimize application performance while integrating React 18+ features and database connectivity for a full-stack application experience.
๐ฏ Target Audience
- Front-end developers looking to deepen their understanding of Next.js and build more complex applications.
- Full-stack developers interested in leveraging Next.js for full-stack application development.
- React developers seeking to integrate advanced features of React 18+ into their Next.js projects.
- Web developers aiming to enhance performance and security in web applications.
โ Requirements
- Proficient understanding of JavaScript and React.
- Basic familiarity with Next.js and its core concepts.
- Knowledge of server-side programming and API integration.
๐ Course Content
- Introduction to Advanced Next.js: Overview of course topics and a brief introduction to the project setup and application structure.
- Project & Database Setup: Instructions for setting up the project repository and connecting to a SQLite database hosted on Turso.
- Form Authentication Actions: Learn how to handle form data using server actions and implement user authentication with sign-up and sign-in forms.
- Routing & Data Fetching: Explore route slots for dynamic content rendering and implement server-side data fetching with caching strategies.
- Active & Protected Routes: Implement active route highlighting and secure your application with route protection using middleware.
- Advanced Server Actions & Revalidation: Discover non-form server actions, useTransition for non-blocking updates, and strategies for cache revalidation.
- Building the Events Page: Create a route to display events by ID and understand loading components with nested routes for better user experience.
Drop a comment
Intermediate Next.js by Scott Moss
Log in to leave a feedback
Login๐ Psst! Interested in More Next.js Courses?
Effectively Build RESTful APIs using Next.js API RoutesVideo
by Alejandro รรกรฑez
๐น๏ธ Levels: ๐ Intermediate
โณ Duration: 0.5 hours
๐ค Price: Subscription
๐งโ๐ป Learning Platform: Egghead.io

Integrate Storybook in a Next.js ApplicationVideo
by Michael Chan
๐น๏ธ Levels: ๐ Intermediate
โณ Duration: 0.5 hours
๐ค Price: Free
๐งโ๐ป Learning Platform: Egghead.io
Learn Next.jsWrittenInteractive
by Jiwon Shin
๐น๏ธ Levels: ๐ Intermediate
โณ Duration: 9 hours
๐ค Price: Subscription
๐งโ๐ป Learning Platform: Codecademy