Explore how Next.js builds on React to create structured, production-ready web applications. Learn file-based routing, layouts, server and client components, and practical data handling patterns.

Build a real Knowledge Tracker app step by step using Next.js, TypeScript, and Tailwind CSS. Focus on creating a modern UI, structuring components, and implementing core features like daily cards, categories, and progress tracking.

Build a personal finance dashboard using Next.js, TypeScript, and Tailwind CSS. You will create an app where users can add transactions, organize them into categories, and track their total balance. The project focuses on working with local data, managing state, and building a clean and interactive UI.

Build a real car explorer app using Next.js, TypeScript, and Tailwind, connect external APIs to load vehicle and fuel data, and create a fuel cost calculator that turns raw numbers into practical insights. Develop features like favorites and comparison while structuring a clean and scalable frontend project.

Build a modern Formula 1 dashboard that displays real race data, season standings, and driver details in a clean, interactive interface. Practice working with APIs, dynamic pages, and polished UI patterns.

Build a Solar System Explorer application using Next.js, TypeScript, and Tailwind CSS. Create an interactive space-themed web app where users can explore planets, navigate dynamic detail pages, work with reusable components, and build a modern data-driven interface.

Build a modern subscription tracker application using Next.js, TypeScript, and Tailwind CSS. Create a real-world finance dashboard where users can manage subscriptions, track recurring costs, filter expenses by category, save data with localStorage, and visualize spending with charts.