NextJS Tutorial #8 - App Router | Create Routes

Description

This video introduces the Next.js App Router and explains the app/ folder structure in a simple, beginner-friendly way. You will learn what the App Router is, how routing works using the app/ directory, how page.jsx maps to routes, and how layout.jsx is used for shared layouts. We also create a new route (/about) step by step and discuss common interview questions related to the App Router. Topics covered in this video: --What is Next.js App Router --app/ folder structure explained --page.jsx creates a route --layout.jsx for shared layout --Create a new route (/about) --Common App Router interview questions This video is useful for beginners, students, freshers, and React developers learning modern Next.js routing for real-world projects. 📢 Subscribe & Turn On Notifications to follow this NextJS Course Day-by-Day! 📢 *Resources:* 👉 *NextJS Documentation* - https://nextjs.org/learn/react-foundations 👉 *GitHub Code Link* - https://github.com/mohitdjcet/nextJS-Tutorial 📂 *Playlist Links:* - DSA Full Tutorial: https://www.youtube.com/playlist?list=PLsjpRo2EZP1LKQePmuWv8jppLddppmGkn - React 19 Full Course : https://youtu.be/cHIn7PUAxlg - NodeJS Full Course: https://youtu.be/pdk60AyhMNM - JavaScript Full Course: https://youtu.be/moRFcW7xayc -GitHub Copilot Full Course:https://youtu.be/hebwERejgI4 - HTML Crash Course : https://youtu.be/Zb_-6SttO3M - CSS Crash Course : https://youtu.be/b7PlBCjAJco 🔗 *Follow Me for Updates:* - TopMate:[Connect with Me](https://topmate.io/mohitdecodes) - WhatsApp:[Connect with Me](https://whatsapp.com/channel/0029Vb6CABUIHphQqGRYP71u) - Instagram: [Connect with Me](https://www.instagram.com/mohit_decodes/) - Facebook: [Connect with Me](https://www.facebook.com/mohitdecode/) - LinkedIn: [Connect with Me](https://www.linkedin.com/in/mohitdecodes/) - GitHub: [Explore My Projects](https://github.com/mohitdjcet/) nextjs app router explained, app folder nextjs tutorial, nextjs page.jsx layout.jsx, nextjs routing app router, create route in nextjs app router, nextjs about page, nextjs folder structure app, nextjs app router interview questions, nextjs for beginners 2026, mohit decodes nextjs #nextjs #approuter #nextjs2026 #routing #frontenddevelopment #webdevelopment #javascript #learnnextjs #coding #mohitdecodes --- Copyright Notice: © Mohit Decodes. All rights reserved. Unauthorized reproduction or distribution of this content is prohibited. For permissions, contact via LinkedIn or email.