The Ultimate NextJs Course

15h 7m 33s
English
Paid

Course description

NextJs is a powerful framework for building fullstack React applications. It makes it easy to create fast, SEO-friendly websites and web applications that are optimized for performance.

The new app router, built on top of React server components and suspense, introduced in NextJs 13 and now fully stable in NextJs 14, makes building full-stack React applications easier.

I'll teach you everything you need to know to start building with NextJs 14. From the basics of setting up a NextJs project to advanced concepts like nested layouts, dynamic rendering, revalidating, mutations, suspense, and error boundaries.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 37 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 1.1 Introduction to NextJs

All Course Lessons (37)

#Lesson TitleDurationAccess
1
1.1 Introduction to NextJs Demo
07:07
2
2.1 Create a NextJs app
13:12
3
2.2 Styling
11:57
4
2.3 Deploy your app
10:57
5
3.1 Pages and layouts
15:14
6
3.2 Navigating between pages
19:51
7
3.3 Dynamic routes
40:50
8
3.4 Route groups
13:33
9
3.5 Suspense and streaming
19:43
10
3.6 Error boundaries
13:22
11
3.7 Templates vs layouts
16:54
12
4.1 Server vs client components
34:05
13
4.2 Static vs dynamic rendering
11:06
14
4.3 Edge vs Node runtimes
09:33
15
5.1 Fetching
41:24
16
5.2 Caching
10:05
17
5.3 Revalidating
07:08
18
5.4 Server actions
41:02
19
5.5 Server actions in NextJs 14
18:47
20
5.6 Migrating from NextJs 12
41:42
21
6.1 Image
34:32
22
6.2 Fonts
14:39
23
6.3 Scripts
05:33
24
6.4 Metadata
15:57
25
7.1 Route handlers
17:28
26
7.2 Middleware
17:38
27
7.3 Internationalization
22:23
28
7.4 Chain middleware functions
19:47
29
7.5 Parallel routes
30:13
30
7.6 Intercepting routes
25:00
31
8.1 NextAuth
01:06:15
32
8.2 Role-based authentication
13:29
33
8.3 Custom sign-in emails
23:57
34
8.4 Clerk
36:05
35
9.1 Setting up TypeScript
30:13
36
10.1 Ecommerce project
01:25:47
37
10.2 Multiple Middlewares
51:05

Unlock unlimited learning

Get instant access to all 36 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Next.js 14 & React - The Complete Guide

Next.js 14 & React - The Complete Guide

Sources: udemy, Academind Pro
I created the bestselling Udemy course on React, now I'm super excited to share this course on NextJS with you - an in-depth course about an amazing React frame
36 hours 13 minutes 15 seconds
Ultimate Next.js Course 2024 Edition

Ultimate Next.js Course 2024 Edition

Sources: developedbyed.com
Learn to build a fully functional web application using React and Next.js. This course covers topics like authentication, ORM, creating responsive UIs...
29 hours 39 minutes 9 seconds
NextJS & OpenAI - 2024 Edition

NextJS & OpenAI - 2024 Edition

Sources: udemy
Embark on a journey to mastering modern web development with our comprehensive video course on building applications using Next JS 14 and the OpenAI API. This c
13 hours 41 minutes 21 seconds
Complete Next.js with React & Node - Beautiful Portfolio App

Complete Next.js with React & Node - Beautiful Portfolio App

Sources: udemy
Master Next.js (Next 9), React (React 16+) & Node. Learn how to build Isomorphic Website, incl. SEO, Blog, Deployment
59 hours 43 minutes
Solidity & Ethereum in React (Next JS): The Complete Guide

Solidity & Ethereum in React (Next JS): The Complete Guide

Sources: udemy
Create real Smart Contracts in Solidity and DApps with React & Next JS. Understand how the Ethereum blockchain works.
38 hours 47 minutes 24 seconds