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 3y agoIntro to Shopify App Development with React, Node & GraphQL
By: UdemyThis is the first course of it's kind on the internet! Learn how to make professional applications for the Shopify Platform using React, Node, Koa, GraphQL, Apo4h
Updated 2y agoMERN React Node Next.js Multi User SEO Blogging Platform
By: UdemyMaster the Art of Building Real World SEO Web Applications using MERN (Mongo Express React Node) Stack. Become a true Web Developer with this Ultimate Project b20h 25m
ClassicThe Road to Next
By: Robin WieruchAs a full-stack developer, you have numerous opportunities. Whether it's launching a successful startup, building a career in a corporate company, or.30h 40m5/5
Updated 3y agoNextJS E-Com Masterclass: Learn The All New Next JS
By: UdemyWelcome to the NextJS E-Com Masterclass: Learn The All New Next JS! Ready to create your very own online store? Join us on a fun-filled journey where you'll lea19h 17m5/5
ClassicThe Joy of React
By: Josh ComeauThe all-new interactive learning experience that teaches you how to build rich, dynamic web apps with React. So, let s be real. Learning React is hard.25h 35m5/5
Updated 3y agoData fetching with React Server Components
By: Build UISince its release 10 years ago, React's core APIs have remained surprisingly stable.1h 15m
Updated 3y agoDjango with React | An Ecommerce Website
By: Brad TraversyBuild an eCommerce platform from the ground up with React, Redux, Django & Postgres.18h 6m5/5
Updated 2y agoReact and WebRTC 2023 & Sharing Location App with Video Chat
By: UdemyLearn technologies like React, WebRTC (PeerJS) , SocketIO and Google Maps API by creating amazing project ,,GeoCall''. In this practical course we will jump str8h 11m
More courses by Fireship
Updated 3y 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 3y 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 3y 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 3y 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 3y 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 3y 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.