Mastering Next.js 13 with TypeScript

5h 16m 33s
English
Paid

Clear. Concise. Comprehensive. Tired of piecing together disconnected tutorials or dealing with rambling, confusing instructors? This course is for you! It's perfectly structured into a series of bite-sized, easy-to-follow videos that cover both theory and practice.

Read more about the course

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

Watch Online Mastering Next.js 13 with TypeScript

Join premium to watch
Go to premium
# Title Duration
1 1- Introduction 02:22
2 2- Prerequisites 01:04
3 3- Course Overview 01:25
4 1- Introduction 00:39
5 2- What is Next.js 02:41
6 3- Setting Up the Development Environment 01:25
7 4- Creating Your First Next.js Project 02:22
8 5- Project Structure 02:50
9 6- Routing and Navigation 05:16
10 7- Client and Server Components 08:13
11 8- Data Fetching 06:05
12 9- Caching 02:25
13 10- Static and Dynamic Rendering 04:09
14 1- Introduction 00:21
15 2- Global Styles 02:35
16 3- CSS Modules 04:27
17 4- Tailwind CSS 07:40
18 5- DaisyUI 07:17
19 1- Introduction 00:27
20 2- Routing Overview 03:54
21 3- Dynamic Routes 04:00
22 4- Catch-all Segments 02:54
23 5- Accessing Query String Parameters 07:09
24 6- Layouts 08:11
25 7- Navigation 03:29
26 8- Programmatic Navigation 03:11
27 9- Showing Loading UIs 06:15
28 10- Handling Not Found Errors 02:41
29 11- Handling Unexpected Errors 07:20
30 1- Introduction 00:37
31 2- Getting a Collection of Objects 03:15
32 3- Getting a Single Object 03:20
33 4- Creating an Object 04:38
34 5- Updating an Object 04:25
35 6- Deleting an Object 02:06
36 7- Validating Requests with Zod 04:17
37 8- Exercise- Building Products API 04:59
38 1- Introduction 00:45
39 2- Installing MySQL 01:59
40 3- Setting Up Prisma 04:58
41 4- Defining Models 04:01
42 5- Creating Migrations 05:45
43 6- Creating a Prisma Client 02:50
44 7- Getting Data 04:15
45 8- Creating Data 04:19
46 9- Updating Data 02:27
47 10- Deleting Data 01:25
48 11- Exercise- Storing Products in DB 03:31
49 1- Introduction 00:16
50 2- Choosing a Cloud Platform 01:05
51 3- Setting Up Cloudinary 01:53
52 4- Uploading Files 04:36
53 5- Showing Uploaded Images 04:39
54 6- Customizing the Upload Widget 01:54
55 1- Introduction 00:57
56 2- Setting Up Next Auth 04:39
57 3- Configuring Google Provider 11:22
58 4- Understanding Authentication Sessions 03:30
59 5- Accessing Sessions on the Client 06:15
60 6- Accessing Session on the Server 01:56
61 7- Signing Out Users 01:20
62 8- Protecting Routes 05:16
63 9- Database Adapters 06:39
64 10- Configuring CredentialsProvider 07:12
65 11- Registering Users 07:14
66 1- Introduction 00:16
67 2- Setting Up React Email 02:27
68 3- Creating an Email Template 02:07
69 4- Previewing Emails 02:11
70 5- Styling Emails 03:10
71 6- Sending Emails 04:35
72 1- Introduction 00:26
73 2- Optimizing Images 11:34
74 3- Using Third-party Scripts 04:56
75 4- Using Fonts 06:51
76 5- Search Engine Optimization 02:47
77 6- Lazy Loading 10:38
78 1- Introduction 00:16
79 2- Preparing for Production 05:28
80 3- Pushing the Code to GitHub 03:07
81 4- Deploying to Vercel 03:45
82 5- Troubleshooting Deployment Errors 04:11
83 1- Course Wrap Up 00:26

Read Book Mastering Next.js 13 with TypeScript

#Title
1Book 1
2Book 2
3Book 3
4Book 4
5Book 5
6Book 6
7Book 7
8Book 8
9Book 9
10Book 10
11Book 11
12Book 12
13Book 13

Similar courses to Mastering Next.js 13 with TypeScript

Complete Next.js Developer in 2023: Zero to Mastery

Complete Next.js Developer in 2023: Zero to Masteryzerotomastery.io

Category: Next.js
Duration 27 hours 12 minutes 37 seconds
Ecommerce on the Jamstack with Snipcart, Next.js, & WordPress

Ecommerce on the Jamstack with Snipcart, Next.js, & WordPressleveluptutorials

Category: Next.js, Wordpress
Duration 4 hours 18 minutes 15 seconds
Shopify + Next.js + Tailwind CSS: Modern Ecommerce

Shopify + Next.js + Tailwind CSS: Modern Ecommerceworkingwithshopify.com

Category: Next.js, Shopify
Duration 5 hours 7 minutes 23 seconds
NextJS & OpenAI - 2024 Edition

NextJS & OpenAI - 2024 Editionudemy

Category: Next.js
Duration 13 hours 41 minutes 21 seconds
NFT Marketplace in React, Typescript & Solidity - Full Guide

NFT Marketplace in React, Typescript & Solidity - Full Guideudemy

Category: TypeScript, React.js, Decentralized Applications (dApps) / 'Web 3'
Duration 16 hours 20 minutes 55 seconds
Angular Architecture. How to Build Scalable Web Applications

Angular Architecture. How to Build Scalable Web Applicationsudemy

Category: Angular, TypeScript, Firebase
Duration 7 hours 34 minutes 45 seconds
Design Patterns in TypeScript

Design Patterns in TypeScriptudemy

Category: TypeScript
Duration 5 hours 6 minutes 3 seconds
TypeScript Fundamentals: Learn TypeScript from Scratch

TypeScript Fundamentals: Learn TypeScript from Scratchvueschool.io

Category: TypeScript
Duration 1 hour 19 minutes 15 seconds
TypeScript Masterclass

TypeScript MasterclassNet Ninja

Category: TypeScript
Duration 5 hours 21 minutes 53 seconds
Next JS: The Complete Developer's Guide

Next JS: The Complete Developer's GuideudemyStephen Grider

Category: Next.js
Duration 15 hours 35 minutes 12 seconds