🌙 Light/Dark Theme + Project Structure in Next.js – StockGenie EP02 | Types, Theme, Routing

Welcome to Episode 2 of the StockGenie Series – where we’re building a full AI-powered stock market app from scratch using Next.js!

In this episode, we focus on project structure and theming, so our app is organized, scalable, and visually appealing from the start. You’ll learn how to define reusable TypeScript types, implement a light/dark theme toggle, and set up a clean folder structure for future routing.

🔥 In This Video (EP02):
Creating a types.ts file for consistent TypeScript data structures
Implementing a theme provider for light & dark mode
Setting up folder structure for Next.js routing
Best practices for organizing scalable projects

📌 Tech Stack Recap:
Framework: Next.js (App Router)
UI: Tailwind CSS + shadcn/ui
Theme: Custom theme provider
Type Safety: TypeScript

💻 Follow along as we get StockGenie ready for future episodes where we’ll add authentication, real-time stock data, and AI-powered insights!

🔔 Subscribe to stay updated with the StockGenie build series!
👉 GitHub Repo : https://github.com/Gaurang-gupta/AI_S...
👉 Types file: https://github.com/Gaurang-gupta/AI_S...
👉 Deployed Link: https://ai-stock-analyzer-dusky.verce...

#Nextjs #StockGenieSeries #NextjsTutorial #LightDarkTheme