Mastering Next.js 13 with TypeScript

Focused View

5:15:10

14 View

1.1- Introduction - 1451K.mp4

02:21

2.2- Prerequisites - 973K.mp4

01:03

3.3- Course Overview - 712K.mp4

01:24

4.1- Introduction - 1184K.mp4

00:38

5.2- What is Next.js - 488K.mp4

02:40

6.3- Setting Up the Development Environment - 409K.mp4

01:24

7.4- Creating Your First Next.js Project - 386K.mp4

02:21

8.5- Project Structure - 390K.mp4

02:49

9.6- Routing and Navigation - 328K.mp4

05:15

10.7- Client and Server Components - 334K.mp4

08:12

11.8- Data Fetching - 387K.mp4

06:04

12.9- Caching - 327K.mp4

02:24

13.10- Static and Dynamic Rendering - 492K.mp4

04:08

14.1- Introduction - 1655K.mp4

00:20

15.2- Global Styles - 325K.mp4

02:34

16.3- CSS Modules - 341K.mp4

04:26

17.4- Tailwind CSS - 400K.mp4

07:39

18.5- DaisyUI - 470K.mp4

07:16

19.1- Introduction - 1438K.mp4

00:26

20.2- Routing Overview - 372K.mp4

03:53

21.3- Dynamic Routes - 347K.mp4

03:59

22.4- Catch-all Segments - 307K.mp4

02:53

23.5- Accessing Query String Parameters - 457K.mp4

07:08

24.6- Layouts - 354K.mp4

08:10

25.7- Navigation - 408K.mp4

03:28

26.8- Programmatic Navigation - 360K.mp4

03:10

27.9- Showing Loading UIs - 445K.mp4

06:14

28.10- Handling Not Found Errors - 307K.mp4

02:40

29.11- Handling Unexpected Errors - 428K.mp4

07:19

30.1- Introduction - 1175K.mp4

00:36

31.2- Getting a Collection of Objects - 285K.mp4

03:14

32.3- Getting a Single Object - 358K.mp4

03:19

33.4- Creating an Object - 347K.mp4

04:37

34.5- Updating an Object - 415K.mp4

04:24

35.6- Deleting an Object - 433K.mp4

02:05

36.7- Validating Requests with Zod - 449K.mp4

04:16

37.8- Exercise- Building Products API - 423K.mp4

04:58

38.1- Introduction - 1010K.mp4

00:44

39.2- Installing MySQL - 456K.mp4

01:58

40.3- Setting Up Prisma - 455K.mp4

04:57

41.4- Defining Models - 337K.mp4

04:00

42.5- Creating Migrations - 359K.mp4

05:44

43.6- Creating a Prisma Client - 364K.mp4

02:49

44.7- Getting Data - 489K.mp4

04:14

45.8- Creating Data - 438K.mp4

04:18

46.9- Updating Data - 462K.mp4

02:26

47.10- Deleting Data - 498K.mp4

01:24

48.11- Exercise- Storing Products in DB - 482K.mp4

03:30

49.1- Introduction - 2216K.mp4

00:15

50.2- Choosing a Cloud Platform - 209K.mp4

01:04

51.3- Setting Up Cloudinary - 458K.mp4

01:52

52.4- Uploading Files - 448K.mp4

04:35

53.5- Showing Uploaded Images - 516K.mp4

04:38

54.6- Customizing the Upload Widget - 430K.mp4

01:53

55.1- Introduction - 806K.mp4

00:56

56.2- Setting Up Next Auth - 356K.mp4

04:38

57.3- Configuring Google Provider - 425K.mp4

11:21

58.4- Understanding Authentication Sessions - 367K.mp4

03:29

59.5- Accessing Sessions on the Client - 456K.mp4

06:14

60.6- Accessing Session on the Server - 470K.mp4

01:55

61.7- Signing Out Users - 406K.mp4

01:19

62.8- Protecting Routes - 332K.mp4

05:15

63.9- Database Adapters - 401K.mp4

06:38

64.10- Configuring CredentialsProvider - 522K.mp4

07:11

65.11- Registering Users - 417K.mp4

07:13

66.1- Introduction - 2341K.mp4

00:15

67.2- Setting Up React Email - 365K.mp4

02:26

68.3- Creating an Email Template - 435K.mp4

02:06

69.4- Previewing Emails - 357K.mp4

02:10

70.5- Styling Emails - 468K.mp4

03:09

71.6- Sending Emails - 396K.mp4

04:34

72.1- Introduction - 1465K.mp4

00:25

73.2- Optimizing Images - 401K.mp4

11:33

74.3- Using Third-party Scripts - 458K.mp4

04:55

75.4- Using Fonts - 493K.mp4

06:50

76.5- Search Engine Optimization - 390K.mp4

02:46

77.6- Lazy Loading - 444K.mp4

10:37

78.1- Introduction - 2333K.mp4

00:15

79.2- Preparing for Production - 574K.mp4

05:27

80.3- Pushing the Code to GitHub - 597K.mp4

03:06

81.4- Deploying to Vercel - 476K.mp4

03:44

82.5- Troubleshooting Deployment Errors - 695K.mp4

04:10

83.1- Course Wrap Up - 2065K.mp4

00:25

Description

Everything you need to build full-stack applications with Next.js 13+ (App Router) and TypeScript

What You'll Learn?

Confidently build full-stack apps with Next.js 13+ and TypeScript Style Next.js applications with Tailwind or CSS modules Implement routing and navigation using the new App router Build RESTful APIs Use Prisma to integrate your Next.js apps with a database Handle file uploads Implement user authentication with NextAuth.js Send beautifully styled emails Optimize your apps for performance and SEO Deploy your Next.js apps Use VSCode shortcuts to increase your productivity Apply the latest techniques and best practices Troubleshoot errors with ease

Who is this for?

Web developers seeking to master Next.js 13+ and TypeScript for full-stack app development Frontend devs looking to explore full-stack development with Next.js. Next.js developers looking to fill in knowledge gaps and solidify their expertise

More details

You don't need prior knowledge of Next.js to take this course. However, you should have some basic knowledge of React and TypeScript.

User Reviews

Rating

average 0

Total votes0

Focused display

TypeScript

Next JS

CodewithMosh

View courses CodewithMosh

Engaging courses, focused on developing practical skills to fast track your career. Carefully designed real-world examples & exercises. Access on Mobile & TV. Downloadable. Lifetime Access. Highlights: Offering Fun And Engaging Lessons, Providing Comprehensive Courses.