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?
-
FreeUpdated 11mo agoReact JS 19 Crash Course | Build an App and Master React in 2 Hours
By: JavaScript Mastery, Adrian HajdinThis course offers a practical approach: clear explanations, real tasks, and necessary tools, so you can not only understand but also immediately apply the new.2h 7m -
Updated 3y agoNFT Marketplace in React, Typescript & Solidity - Full Guide
By: UdemyThe course covers everything you need for a decentralized NFT application according to the ERC721 standard. Students of this course will learn about NFTs by cre16h 20m -
Updated 2y agoNext.js Projects: Build an Issue Tracker
By: Mosh Hamedani (Code with Mosh)Learn to Build Full-stack Apps with Next.js, TypeScript, Prisma, Tailwind, and Radix UI. Clear. Concise. Comprehensive. Tired of piecing together disconnected t7h 1m -
Updated 2y agoReact Chrome Extension boilerplate | Shipped
By: Luca Restagno (Shipped Club)Launch your Chrome Extension in hours, not weeks. The boilerplate for busy makers, to launch your React Chrome Extensions fast. ou don't need to reinvent the wh5/5 -
Updated 2y agoMobX In Depth With React(Hooks+TypeScript)
By: UdemyThis is the most extensive course about MobX you will find online, After a few years of using MobX, I'm really passionate about it and really love it, I decided2h 25m -
Updated 2y agoNext JS & Open AI / GPT: Next-generation Next JS & AI apps
By: UdemyDon't get left behind! Increase your value as a web developer today by learning how to integrate AI in to your projects!5h 8m -
Updated 2y agoDiscord Clone - Learn MERN Stack with WebRTC and SocketIO
By: UdemyLearn how to connect MERN Stack with WebRTC and SocketIO. We will go through all of the steps to create application with group call functionality. We will crea19h 29m -
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
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.