2023 Modern NextJS Course 13.4+ with Server Actions, App Router and more | Build Fullstack App

In this Fullstack Course, We will go over all the basics of NextJS in a Crash Course first then we will ease into building a Fullstack App with using the most favorite features yet Server Actions! We will also use other new features with MongoDB, TailwindCSS, NextAuth and more.

✅ SUBSCRIBE SO YOU DON’T MISS ANY TUTORIALS

You'll learn:
- SSR vs CSR vs ISR
- Server Components
- Routes and Layouts
- Data Fetching
- Streaming and Suspense
- SEO
- Fullstack App with MongoDB, TailwindCSS, NextAuth and all new features of 13.4+.

00:00 Introduction
02:15 Learning Path for Success
06:36 FREE Guide Giveaway
07:21 Final Fullstack Project Demo
11:30 NextJS Crash Course Starts
11:54 SSR vs CSR vs ISR
16:37 Server Components
25:03 Routes & Layouts
28:12 Data Fetching
37:13 Streaming & Suspense
39:53 SEO
41:36 NextJS Crash Course Ends
42:30 Fullstack App Demo
45:20 Fullstack App Setup
49:09 Navbar
58:15 Next Auth Setup
01:18:55 MongoDB Setup
01:37:06 Home Page
01:42:46 Form and Server Actions!
01:55:50 Server Side Auth Setup
02:03:20 Profile Page
02:16:28 Prompt Card
02:36:50 Home Prompts
02:53:45 Final Testing
02:54:56 Outro

#nextjs #nextjs13

[mprashantha]

Very informative! Oliver explains nicely all the new concepts of Next.JS 13.4 with a very simple app. Easy to follow.

[victorzerefos]

I'm really enjoying so far! thanks.

[gauravdeveloper]

This is a great tutorial on Next.JS 13.4. I liked it very much and learned a lot from this tutorial. Can you also make the tutorials on the below topics:

1. Complex Form Validation
2. If we have hundreds (200-500 fields in a form) of form fields in the form, how can we manage and validate them and how these fields will be stored in the DB using MongoDB
3. Token-based authentication using JWT instead of Session Cookie Authentication
4. Login user with Mobile OTP verification and magic link on the email
5. Admin Dashboard design with the functionality of Table, charts, using Tailwind CSS, MongoDB and Next JS
6. How to fetch all records if we have thousands of records with the pagination option - datatable is a good option for this

I am very much excited to learn Next JS 13.4 as it is expanding lots of features.

[marikevandijk]

Great tutorial! I thoroughly enjoyed it. I would love to see more of these full-stack tutorials from you. Firstly, you're an excellent teacher, and secondly, I appreciate that you demonstrate the process without using TypeScript. It would be fantastic to have more full-stack tutorials without TypeScript

[theprogrammersnest]

Great tutorial 😍 Very helpful for me as I am working on a real estate application using nextjs 13.4.
I need help from you as I need to know where the index.html file is located in .next build folder as I want to deploy it on AWS. Thanks once again.

[crocodileman]

Anyone can explain why my Oauth says 'access denied, you do not have permission to sign in' ?

[Iam-duvx]

this was good but that fucking bug with undefined id was frustrating, wasted half a day for that shit and still didn't solved and i left the project