↑ ↓ Navigate ↡ Select ESC Close

Next js Tutorial for Beginners | Nextjs 13 (App Router) with TypeScript

2023-09-11 Education
1.2m
24.7k
664
Programming with Mosh
Programming with Mosh
5.1m subscribers

Unlock all features

FREE: Get instant access to 10 AI summaries, chats, or transcripts per day.

Description

Master Next.js 13 and build amazing full-stack apps! πŸš€ This beginner-friendly tutorial covers the new App Router, TypeScript, and everything you need to get started. ❀️ Join this channel to get access to perks: https://www.youtube.com/channel/UCWv7vMbMWH4-V0ZXdmDpPBA/join πŸš€ Want to dive deeper? - Check out my complete Next.js series: https://bit.ly/nextjs-series - Subscribe for more videos like this: https://goo.gl/6PYaGF πŸ’‘ Learn React - YouTube tutorial: https://youtu.be/SqcY0GlETPk?si=QHDzD9EaoXoPm1KM - Complete React course: https://bit.ly/3l0vWYR βœ‹ Stay connected: - Twitter: https://twitter.com/moshhamedani - Facebook: https://www.facebook.com/programmingwithmosh/ - Instagram: https://www.instagram.com/codewithmosh.official/ - LinkedIn: https://www.linkedin.com/school/codewithmosh/ πŸ“– TABLE OF CONTENT 0:00:00 Course Intro 0:02:12 Prerequisites 0:03:16 Next.js Fundamentals 0:03:54 What is Next.js? 0:06:34 Setting Up the Development Environment 0:07:59 Creating Your First Next.js Project 0:10:21 Project Structure 0:13:10 Routing and Navigation 0:18:25 Client and Server Components 0:27:19 Data Fetching 0:33:23 Caching 0:35:48 Static and Dynamic Rendering 0:39:56 Styling Next.js Applications 0:40:16 Global Styles 0:42:50 CSS Modules 0:47:17 Tailwind CSS 0:54:56 DaisyUI #nextjs #reactjs #javascript #coding #webdevelopment

Top Comments (10)

@programmingwithmosh 2023-09-18

- Want to learn more? Get my complete Next.js series: https://bit.ly/nextjs-series - Subscribe for more videos like this: https://goo.gl/6PYaGF

57 14 replies
@koiko21 2023-12-12

I really want to say thank you for all your tutorials, Mosh. Because of you and a few other influential teachers (like Brad Traversy and WebDevSimplified), I was able to become a software engineer from a non-technical background 2 years ago. Your tutorials have been invaluable for me since day 1. Your tutorials helped me get my first job and learn on the job. Now that I'm 2 years into my career, I'm being given opportunities to lead software projects at my company and even now you are still teaching me. I'm not sure if you'll ever see this comment, but I just wanted to say thank you for dedicating your life's work to making tech accessible for all. Thank you thank you thank you!

244 4 replies
@kylefinken329 2024-04-14

Literally looked all over for a video to just run over how next 13 renders pages, how the app router works, and how to fetch data and couldn't find anything decent until this. Really appreciate the content!

60 1 replies
@towhiidul 2025-07-20

14:00 routing 16:25 navigation 18:40 rendering environment 20:30 server component cannot do : but client do 21:55 23:50 runtime error 25:20 best way to use client 27:25 data fetching 27:33 useState() + useEffect() 31:08 type of users (type script) 32:52 why fetch data in server component / why render should happen in server 33:30 cashing : 33:36 . 33:41 where can we get data from & what is fast and slow 35:00 when to use , cache: "no-store" ..... 42:50 CSS Modules 43:11 css class over right problem solve 47:17 Tailwind CSS 57:48 themes by DaisyUI Tailwind (dark / light) code: 58:23 *** 😎 59:32 cool trick for multiple children elements at once

24
@haydendevs 2024-01-07

It's videos like these that make me question why I went to college. Amazing work!

5
@alkadoHs 2023-09-10

This guy always give us good stuff😎

51
@ηΌͺ培康 2024-12-18

About three or four years ago, I mastered React through your course, and now I've purchased your Next.js course. I think you are an excellent programmer who truly understands how to teach.

14
@Daniel-nb3kk 2024-02-08

Probably the best teacher you'll find on the web!

4
@dee.s.4513 2023-09-11

Mosh is an excellent instructor, he knows his subject, and knows how to put himself in the place of his student. Just look at the text size--so easy on the eyes. I learned a lot, and easily, just from this one hour.

45
@wierdcontents5362 2023-09-11

3 yrs ago you taught me python, an today i still learn from you , Mosh sensei

4

Unlock the Data Inside
Turn Videos into Knowledge

  • Get FREE 10/day: transcripts, summaries, chats
  • Chat with videos, export text & PDF
  • $1 free API credit for RAG, chatbots & research

Free forever plan β€’ All features unlocked

App screenshot