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

🚀 Want to dive deeper?

💡 Learn React

✋ Stay connected:

📖 TABLE OF CONTENT
0:00:00 Course Intro
0:02:12 Prerequisites
0:06:34 Setting Up the Development Environment
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:40:16 Global Styles
0:42:50 CSS Modules
0:47:17 Tailwind CSS
0:54:56 DaisyUI

#nextjs #reactjs #javascript #coding #webdevelopment

[dee.s.]

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.

[koiko]

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!

[kylefinken]

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!

[noonenoone]

I like your calm and fun voice when explaining, as well as keeping things short and sweet without wasting time, and the process of picking up subjects at the right time, not to forget avoiding complexations, and the good explanation, which is one of the best by the way. Honestly Mosh, you're the best teacher that has taught me, not just in programming, but the best teacher at all. I'm always happy, learning from you, it always feels joyful 😊

[Soomin]

Thank you Mosh for doing what you do with your videos! I'm self studying through the Odin Project and it is text heavy that its too overwhelming sometimes and my brain just doesn't understand words at some point. But once I go through their lessons and then watch your videos, you explain everything I read in a more easier way. It's like you're babying my brain, but it is still enriched LOL. You are my go-to guy when I need a refresher or more explanation!

[abdallahmah]

Hi Mosh, I want to express my heartfelt that I learned a lot from you during my career. Clean coding, efficient resources which I never see any other one in Youtube and Totutorials.

I like the way you prepare and make your content to build beatiful course material and sections.

I can say every time you surprised me how you organise and prepare you content.

Best regards,
Abdallah Mahmoud

[aasifbinmohammad]

Hi Mosh,
I just wanted to express my heartfelt gratitude for creating the Next.js course. Your dedication and expertise shine through every lesson, making it an invaluable resource for anyone looking to master Next.js. I've learned so much and feel confident in my Next.js skills thanks to your clear and engaging teaching style.

Your hard work is greatly appreciated, and I'm looking forward to continuing my learning journey with your guidance. Keep up the fantastic work!

Best regards,
Aasif Mohammad

[genzolowo]

I love Mosh! I remember when I was learning python back in 2022, Mosh explained it so well, and I was able to easily comprehend it, I trust this Next.js tutorial will be nothing but awesome. Thank you Mosh for all you do.

[militoarturo]

I needed to learn the new Next.js 13 way of defining pages for my new project and I wasn't disappointed. Loved it! Will be using the recommended libraries as well

[tutopoints]

I wanted to let you know that you're a legend sir, you have changed live, you've changed people who were hopeless, you took people from 0 and made them heroes.
Thank you sir and may God bless you

[christerjohanzzon]

Please never stop doing these videos! Your content is invaluable to us plebs. Such great teaching and course materials.

[marianavieira]

I simply love your tutorials! I started to use Next recently and you really helps me to get the base!

[teokostadinov]

Ok I am convinced! Subscribing to your YT channel and your courses platform.

Finally a tutor that gets to the point with just enough details to understand the concepts being taught.

Thank you!

[michaeldausmann]

Great content. I like the explanation of rendering modes. I got a little confused when my h1 tags didn't look like headings but that is just a Tailwind thing I think, might be worth mentioning, also table-bordered doesn't exist anymore, I used table-zebra. well worth spending an hour to spin up on the basics of next, thanks for making this available.

[HeyMr.OO]

The background whistle music 🎶 is kinda Nostalgic... has been consistent in most of Mosh's courses. I have 'em all. Brilliant Mentor ⭐🙌🏻⭐

[thomasdang]

I couldn't understand when I read other channels. But when I watch your channel, I see every things become easy. Thank you very much!

[codewithguillaume]

Probably the best tutorial I have seen since a long time! Thanks Mosh

[khalifaomani]

Absolutely fantastic tutorial on Next.js 13 with TypeScript! Mosh does an excellent job breaking down complex topics into easily digestible segments. The pacing is perfect for beginners, yet it doesn't shy away from diving into more advanced features. I particularly appreciated the section on data fetching and caching, which are crucial for any full-stack application. This tutorial is a must-watch for anyone looking to get started or level up their Next.js 13 skills.

[jesseajioh]

My favorite tutor and my favorite framework, I'm totally building this. Thanks Mosh🙇💪

[AshAgrawal]

Any number of thanks to you is less. There's lot of things you made easier for me. Which ever things I found difficult, watching your stuff clear it out.

Well I would really like to learn nextJS following your tutorials but can't afford it right now. Hope you will upload on youtube for all very soon.❤😊