🔥 In Part 18 of the Becoming a Next.js Developer series, we’re kicking off a brand-new project with a solid Project Setup! Whether you’re starting fresh or scaling up, getting your dev environment and folder structure right from the start is key to a smooth development experience.

📌 What you’ll learn in this video:
✅ Setting up a new Next.js project using create-next-app
✅ Installing essential dependencies: Chakra UI, Axios, ESLint, Prettier, etc.
✅ Creating a clean and scalable folder structure
✅ Setting up global styles and theming with Chakra UI
✅ Configuring environment variables and .env.local
✅ Initial layout and routing setup using pages/ directory
✅ Tips for maintaining clean and maintainable code from day one

💡 Project Setup Foundation For:
▶️ Google Clone – Organized by components, pages, and hooks
▶️ Dashboard – Clean separation of concerns
▶️ Blog Platform – Scalable and readable architecture
▶️ Any full-stack app using Next.js and Firebase/Auth integrations