Learn Next JS 14 By Building Full Stack Project

Focused View

Niraj Dhungana

7:22:08

526 View

1. Introduction

1. Next Project Setup.mp4

05:44

2. Server & Client Component.mp4

06:27

3. Adding New Routes.mp4

04:34

4. Adding Navbar.mp4

08:30

5. Sign Up Page UI.mp4

07:46

6. Sign In Page UI.mp4

01:44

2. Authentication

1. Server Actions.mp4

07:08

2. Data Validation Error Handling.mp4

07:47

3. Better Way to Render Errors.mp4

09:22

4. Rendering Errors.mp4

01:26

5. Database Connection.mp4

05:32

6. User Model.mp4

05:38

7. Creating New User.mp4

03:39

8. Hashing Password.mp4

08:02

9. Fixing UX.mp4

03:11

10. Good Looking Error.mp4

04:44

11. Using Next Auth.mp4

14:57

12. API Routes.mp4

03:38

13. Sign In.mp4

03:13

14. Sign In Action.mp4

07:55

15. Next Auth Custom Error.mp4

04:47

16. Redirect Throws an Error.mp4

03:15

3. Advance Auth

1. Getting Auth Session.mp4

06:01

2. Profile Menu UI.mp4

04:36

3. Logout Action.mp4

03:11

4. Sending Entire User Inside Session.mp4

08:25

5. Fixing Types.mp4

01:30

4. Profile Page UI

1. Profile Page.mp4

01:39

2. Banner Image UI.mp4

05:23

3. Profile Image UI.mp4

06:27

4. Profile Image Selector UI.mp4

02:54

5. Banner Selector UI.mp4

03:08

6. Profile Name UI.mp4

01:58

5. Profile Update

1. Updating Profile State.mp4

09:44

2. Profile Update Route.mp4

03:39

3. Update Profile Part 1.mp4

07:08

4. Where to Upload Files.mp4

04:14

5. Cloud Config.mp4

03:40

6. Uploading Files.mp4

07:25

7. Why Stream.mp4

04:07

8. Refactoring Cloud Upload.mp4

04:49

9. Profile Update Final.mp4

11:10

10. Reducing Image Size.mp4

05:19

11. Updating Session.mp4

04:47

12. Updating JWT.mp4

07:23

6. Post Create UI

1. Group Route.mp4

05:22

2. Grouping Private Routes.mp4

03:37

3. Post Create UI Part 1.mp4

04:51

4. Post Create UI Part 2.mp4

03:23

5. Post Create UI Part 3.mp4

05:23

6. Image Link Copy UI.mp4

06:45

7. Post Create UI Part 4.mp4

02:21

8. Rendering Markdown in a Client Component.mp4

07:52

9. Next MDX Custom Components.mp4

02:41

10. Post View Component.mp4

07:28

11. Post Header UI.mp4

06:02

7. Creating Blog Post

1. Vercel Blob.mp4

04:35

2. Uploading to Vercel Blob.mp4

13:06

3. File Upload UX.mp4

03:36

4. Estimated Reading Time.mp4

02:23

5. Post Model.mp4

05:27

6. Create Post Part 1.mp4

07:45

7. Create Post Part 2.mp4

06:20

8. Submitting Form.mp4

05:14

8. Post Update

1. Visible Navigation.mp4

02:29

2. Dynamic Routes.mp4

05:23

3. Post Form.mp4

05:16

4. Update Post Form.mp4

03:05

5. Post Update Action Part 1.mp4

06:03

6. Post Update Action Part 2.mp4

05:42

9. Single Post

1. Single Post Page.mp4

04:31

2. Rendering Markdown inside Server.mp4

04:29

3. The SEO.mp4

04:14

4. Generate Matadata.mp4

10:06

5. Hydrationg Error.mp4

02:25

10. Building For Production

1. Lets Build.mp4

05:28

2. Static vs Dynamic.mp4

07:07

3. Hosting Next App.mp4

10:07

4. Fixing Home Page.mp4

04:58

5. Static Behavior.mp4

02:38

6. Revalidate Path.mp4

04:28

7. Is It Working.mp4

01:52

Description

Learn File Upload, Authentication, Action, Routing, Static, Dynamic all the New Next JS by building Full Stack App

What You'll Learn?

Learn to build full stack Next JS app
Learn to handle File using Next JS 14
Learn to handle Authentication inside Next JS using Auth JS
Learn about Server Actions
Learn about different styles of routing

Who is this for?

This course is for those who wants to learn Next JS 14

Who loves to Project based learning

What You Need to Know?

The Student should know about React & Typescript

More details

Description
With the recent release of Next JS 14. Most of the previous knowledge of Next JS is just almost vanished. But if you want to learn the new version I mean the Next JS 14 then you are at the correct place.

"Learn Next JS 14 By Building Full Stack Project" is a project based course where you will learn to build a full stack blogging application. Inside this course you will learn all the assentials features from inside Next JS 14. Like

Authentication: Inside this course we will use Next Auth also known as Auth JS to handle Authentication. Where you will learn to store user information inside the mongodb database and retrive those information and sign in users inside our app.

File Upload: Uploading Files to Next JS 14 is not an easy task but we will learn multiple ways to store files inside our app. Like we will learn about uploading file to cloudinary and vercel blob.

Server Actions: After Server Actions handling form submission inside Next JS is extermly easy so we will user lots of server actions inside this course.

Routings: Inside Next JS 14 we have multiple ways to add routing. Like Dynamic, Static, Grouping, Streaming and also API Routes. And we will learn about all those things.

There are lots of things that we are going to learn inside this course like Server & Client Components, Hosting to Vercel, The issue with the recently released Vercel Blob and so on.

If you really like the project based learning just enroll and I will see you inside the course.
Who this course is for:
This course is for those who wants to learn Next JS 14
Who loves to Project based learning

User Reviews

Rating

average 0

Total votes0

Focused display

I am a full-stack software developer from India. I like to learn new thing all the time. According to my friends and other students whom I teach on YouTube, says that I can explain complex topics in easier way.That's why I'm here to share what I've got so far. I believe in practice so you will always find me doing practical experiments always.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.