Next.js - The Full Course provides a in-depth look into the Next.js App Router introduced in version 13.2. It puts React Server Components into practice by building a full-stack application from scratch with PostgreSQL and Prisma.
Next.js - The Full Course
1h 14m 14s
English
Free
Next.js - The Full Course is a 32-lesson 1 hour 14 minutes self-paced course by Fireship. Next.
Course facts
- Lessons
- 32
- Duration
- 1 hour 14 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- Fireship
- Price
- Free
What will I learn?
- Everything you need to be productive with modern Next.js
- Complex topics explained in 100 seconds
- Design patterns with React Server Components (RSC)
- How to choose optimal rendering strategies
- Dynamic routing and project organization
- Advanced data fetching and caching
- User authentication with Auth.js
- Data modeling with Postgres and Primsa
- How to migrate from previous versions of Next.js
What will I build?
You will build a simple Social Media Platform inspired by sites like MySpace and Facebook where users can befriend each other. The goal of this project is to introduce you to Next’s rendering, data-fetching, and caching strategies.
Additional
Who teaches Next.js - The Full Course? Fireship
Fireship (fireship.io) is the teaching brand of Jeff Delaney, a US developer behind the Fireship YouTube channel — one of the largest software-engineering channels on YouTube, with millions of subscribers tuning in for the channel's distinctive 100-second technology-explainer format. The fireship.io paid-course platform extends that approach into longer-form project-based courses.
The course catalog covers the modern web and mobile stack: React, Next.js, Angular, Svelte / SvelteKit, Vue, Flutter, Firebase (Jeff is a long-running Google Developer Expert for Firebase), Supabase, Stripe integration, AI / LLM features, and the broader full-stack JavaScript ecosystem. Course material favours fast-paced, project-based builds — students ship complete applications end-to-end rather than studying frameworks in isolation.
The CourseFlix listing under this source carries over 19 Fireship courses spanning that range. Material is paid; Fireship runs on per-course or membership pricing on the original platform. Courses are aimed at developers who learn best by shipping real applications fast.
What lessons are included in Next.js - The Full Course?
- Space or K: play or pause
- J: rewind 10 seconds
- L: forward 10 seconds
- Left Arrow: rewind 5 seconds
- Right Arrow: forward 5 seconds
- Up Arrow: volume up
- Down Arrow: volume down
- M: mute or unmute
- F: toggle fullscreen
- T: toggle theater mode
- I: toggle mini player
- 0 to 9: seek to 0 to 90 percent of the video
- Shift plus N: next video
- Shift plus P: previous video
0:00 0:00
| # | Lesson Title | Duration |
|---|---|---|
| 1 | Next.js Tutorial | 09:01 |
| 2 | App Router | 02:00 |
| 3 | Route Handlers | 01:21 |
| 4 | Layouts | 01:34 |
| 5 | Rendering and SEO | 02:35 |
| 6 | Data Fetching | 01:50 |
| 7 | Streaming and Suspense | 02:00 |
| 8 | Auth.js | 01:51 |
| 9 | Prisma | 02:34 |
| 10 | Project Setup and Organization | 02:24 |
| 11 | Navigation | 02:55 |
| 12 | Static pages | 01:13 |
| 13 | API Routes | 01:16 |
| 14 | SSR | 02:48 |
| 15 | Static Generation | 01:27 |
| 16 | Auth.js Setup | 03:13 |
| 17 | Check Auth State | 02:01 |
| 18 | SignIn Buttons | 02:09 |
| 19 | Protect Routes | 00:58 |
| 20 | Database Setup | 01:50 |
| 21 | Prisma Setup | 02:07 |
| 22 | Auth Data Store | 00:57 |
| 23 | API Route Fetching | 01:03 |
| 24 | Server Component Fetching | 01:21 |
| 25 | Dynamic Route Data | 01:28 |
| 26 | Loading UI | 00:49 |
| 27 | Error UI | 01:19 |
| 28 | Form Sumbmission | 02:19 |
| 29 | Follower System | 01:41 |
| 30 | Follower System | 02:40 |
| 31 | Client Mutation | 03:39 |
| 32 | Server Actions | 07:51 |
What courses are similar to Next.js - The Full Course?
-
Updated 5mo agoMastering React.js Interviews: From 0 to Hero
By: Kristiyan VelkovThis book is your guide to preparing for interviews on React.js. Master key concepts and techniques for successfully navigating interviews.5/5 -
Updated 2y agoReact Data Fetching: Beyond the Basics
By: Fullstack.ioThis course will teach you how to efficiently load data in React without using third-party libraries or the useEffect hook. We will create our own library for..2h 40m -
Updated 2y agoStripe for SaaS
By: FireshipYou will build a Stock Photography Subscription SaaS Product from scratch where users can sign up for a subscription to access a library of images.1h 11m -
ClassicNext.js Ecommerce
By: Brad TraversyNext.js Ecommerce Course is a comprehensive 22-hour program that teaches step by step how to create a full-fledged e-commerce platform using Next.js 15.22h 12m5/5 -
Updated 2y agoNext.JS with Sanity CMS - Serverless Blog App (w/ Vercel)
By: UdemyWe will start with integration of a very clean application layout I have prepared for you. We will follow latest practices of React and Next JS, this means we w13h 5m -
Updated 2y agoReact, NextJS and NestJS: A Rapid Guide - Advanced
By: UdemyReact with Typescript, Next.js, Redux, NestJS, Docker, Redis, Stripe, Frontend & Backend Filtering. Learn how to create an Ambassador App using React, NextJS an8h 40m0/5 -
Updated 3y agoMERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs
By: UdemyIf you are a person who is not picky about a CSS framework and wants to learn how to create enterprise-grade, practical full stack app using new technologies.13h 2m5/5
More courses by Fireship
-
Updated 2y agoNext.js Firebase - The Full Course
You will build a full-stack Social Blogging Platform inspired by sites like DEV.to and Medium. Authors can create content under their custom username, then pub2h 38m -
Updated 2y agoStripe Payments JavaScript Course
Learn how to build safe Stripe payments with JavaScript. You use Node and React to create a web app that handles charges, customers, and subscriptions.1h 29m -
FreeUpdated 2y agoThe Vue Firebase Project Course
The Vue Firebase Project Course will teach you the basics of full-stack web development by building a chat prototype from scratch. You will build a realtime wal46m5/5 -
Updated 2y agoAngular 9 Firebase Project Course
The Angular Firebase PWA Course will teach you how to build a complex progressive web app with Angular 9 (ivy), Material Design, and Firebase. It starts from ab2h 46m -
Updated 2y agoIonic 4 Firebase Master Course
The Ionic4 Master Course will teach you the fundamentals of full-stack cross-platform app development, using the combined powers of Angular & Firebase.1h 31m -
Updated 2y agoStripe Payments Cloud Functions
This course has been deprecated! While the code here will still work, the it is recommended that you use the latest Stripe APIs shown in the new.1h 10m
Frequently asked questions
What prerequisites should I have before taking this course?
Before enrolling in this course, you should have a solid understanding of JavaScript and React, as the course involves using React Server Components extensively. Familiarity with PostgreSQL and basic database concepts will also be beneficial, especially for sections like Database Setup and Prisma Setup.
What will I build during the course?
Throughout the course, you'll build a full-stack application from scratch, leveraging the Next.js App Router introduced in version 13.2. The project will incorporate PostgreSQL and Prisma, covering various aspects such as Auth.js for authentication, API Routes, and dynamic route data handling.
Who is the target audience for this course?
This course is designed for web developers who are familiar with React and want to deepen their understanding of Next.js, particularly the new features in version 13.2. It is also suitable for developers interested in learning how to build full-stack applications using modern tools like Prisma and PostgreSQL.
How does the course depth compare to other Next.js courses?
This course provides a focused exploration of the Next.js App Router and React Server Components, which are relatively new features. It goes beyond basic Next.js applications by integrating full-stack development practices, including database setup with PostgreSQL and Prisma, making it suitable for those seeking advanced knowledge.
What specific tools or platforms are covered in the course?
The course covers a range of tools and platforms, including Next.js, React Server Components, and Prisma for ORM. PostgreSQL is used as the database solution, while Auth.js is employed for implementing authentication features. These technologies are integrated to create a seamless full-stack application.
What topics are not covered in this course?
The course does not cover introductory React concepts or basic JavaScript, as it assumes prior knowledge in these areas. Additionally, it does not delve into other JavaScript frameworks or database systems outside of Next.js, React, PostgreSQL, and Prisma.
What is the expected time commitment for this course?
The course consists of 32 lessons, but the total runtime is not specified. Given the depth and scope, students should anticipate dedicating several weeks to fully grasp the material, including hands-on practice with project setup, database integration, and route handling.