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.
Mastering Next.js 13 with TypeScript
5h 16m 33s
English
Paid
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
Additional
About the Author: Mosh Hamedani (Code with Mosh)
Mosh Hamedani is the founder of Code with Mosh, one of the highest-volume independent online instructors in software education. He has been publishing courses continuously since the early Udemy era and has taught over a million students across his Udemy catalog and his standalone Code with Mosh platform. His teaching style is patient, rigorously structured, and deliberately beginner-tolerant — the courses are widely cited as some of the most accessible introductions to their respective topics.
The Code with Mosh catalog covers an unusually wide span: web development with HTML / CSS / JavaScript / React / Angular / Node.js, Python and Django, C# and .NET, mobile development with React Native and Flutter, SQL and database fundamentals, and the algorithm / data-structure interview prep tracks. Few independent instructors maintain this much breadth at consistent quality.
The CourseFlix listing under this source carries over 35 Code with Mosh courses spanning that range. Material is paid; Code with Mosh runs on per-course pricing on the original platform. Courses are aimed primarily at developers picking up a new technology from a clean start through to working production proficiency.
Watch Online 83 lessons
0:00
/ #1: 1- Introduction
All Course Lessons (83)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | 1- Introduction Demo | 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 |
Unlock unlimited learning
Get instant access to all 82 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionBooks
Course content
83 lessons · 5h 16m 33sShow all 83 lessons
- 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
Related courses
-
FreeUpdated 2y agoNext Auth V5 - Продвинутое руководство
By: Antonio Erdeljac (Code With Antonio)In this 8-hour course, you will learn how to create your own authentication toolkit using the latest version of Next Auth v5 (Auth.js).8 hours 1 minute 8 seconds -
Updated 3y agoNest.js Microservices: Build & Deploy a Scaleable Backend
By: UdemyNest.js is an incredible backend framework that allows us to build scaleable Nodejs backends with very little complexity. A Microservice architecture is a popul5 hours 39 minutes 49 seconds 5 / 5 -
Updated 5mo agoNestJS + Next.js: Event Driven Architecture
By: Michael GuayLearn how to create an event-driven architecture with NestJS and Next.js. The course covers EventEmitter and SSE for developing real-time systems.45 minutes 9 seconds
Frequently asked questions
What is Mastering Next.js 13 with TypeScript about?
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…
Who teaches Mastering Next.js 13 with TypeScript?
Mastering Next.js 13 with TypeScript is taught by Mosh Hamedani (Code with Mosh). You can find more courses by this instructor on the corresponding source page.
How long is Mastering Next.js 13 with TypeScript?
Mastering Next.js 13 with TypeScript contains 83 lessons with a total runtime of 5 hours 16 minutes. All lessons are available to watch online at your own pace.
Is Mastering Next.js 13 with TypeScript free to watch?
Mastering Next.js 13 with TypeScript is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Mastering Next.js 13 with TypeScript online?
Mastering Next.js 13 with TypeScript is available to watch online on CourseFlix at https://courseflix.net/course/mastering-next-js-13-with-typescript. The page hosts every lesson with the integrated video player; no download is required.