Best Frontend Courses LogoBest Frontend Courses
    • AI
    • Accessibility
    • Algorithms
    • Angular
    • Architecture
    • Astro
    • Auth
    • CSS
    • Firebase
    • Game Development
    • Gatsby
    • Git
    • GraphQL
    • HTML
    • Ionic
    • JavaScript
    • Jotai
    • MobX
    • Native
    • Netlify
    • Next.js
    • Nx
    • Performance
    • Prisma
    • React
    • React Native
    • Redux
    • Remix
    • Rx.js
    • SCSS/Sass
    • SolidJS
    • Storybook
    • Supabase
    • Svelte
    • Tailwind
    • Testing
    • TypeScript
    • Vue.js
    • XState
    • jQuery
    • p5.js
  • Add Course
  • Login

Copyright Š 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
  1. Home
  2. Next.js
  3. Intermediate Next.js
Next.js
Video

Intermediate Next.js

by Scott Moss
Enroll
đŸ•šī¸ Levels: 😎 Intermediate
âŗ Duration: 3.5 hours
🤑 Price: Subscription
🧑‍đŸ’ģ Learning Platform: Frontend Masters
🧑‍🎓 Certificate: No

🔑 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.
Update Course

Drop a comment

Intermediate Next.js by Scott Moss

Log in to leave a feedback

Login

👇 Psst! Interested in More Next.js Courses?

Next.jsNext.js

Build Static Pages Dynamically using Next.js and the Notion API
Video

by Jon Meyers

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 0.5 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Egghead.io

Next.jsNext.jsReactReactTypeScriptTypeScript

Fundamental Next.js API and Patterns
Video

by Lazar Nikolov

đŸ•šī¸ Levels: 🌱 Beginner

âŗ Duration: 1.5 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Egghead.io

Next.jsNext.jsReactReact

Intro to Next.js
WrittenInteractive

by Jiwon Shin

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 4 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Codecademy

🔙 Back to Next.js Category