🚀 Next.js 15 Fullstack Projects Collection

A collection of fully functional, production-ready projects built with Next.js 15, using the latest best practices.

These projects demonstrate:

• Static Site Generation (SSG)
• Server-Side Rendering (SSR)
• Incremental Static Regeneration (ISR)
• Pagination, Image Uploading
• State Management with Recoil
• Responsive UI with Tailwind CSS (latest)
• Authentication with NextAuth.js
• Database and Storage with Firebase
• API integrations (TMDB, Google Search API)
• Deploy applications seamlessly on Vercel

🛠 Tech Stack

• Next.js 15 - React framework (App Router)
• Tailwind CSS - Utility-first CSS
• Firebase - Database, Authentication, and Storage
• NextAuth.js - Authentication and OAuth flows
• Recoil - State management for React
• TMDB API - Movie database API
• Google Search API - Web search integration

🚀 How to Run Locally

Each project is in its own folder.

1. Clone the repository:

git clone https://github.com/ZhitingLu/next-projects.git
cd next-projects

2. Navigate into a project folder:

cd project-folder-name

Replace project-folder-name with the project you want to run.

3. Install dependencies:

npm install

4. Create environment variables:

Copy the .env.example file and rename it if needed:

cp .env.example .env.local

Fill in your API keys (Firebase, TMDB, Google, etc.)

5. Run the development server:

npm run dev

Visit http://localhost:3000 🚀

📚 Topics Covered

• Static vs Server Rendering
• App Router best practices
• API Routes and Server Actions
• Recoil State Management
• Tailwind Responsive Design
• Firebase Storage and Database
• NextAuth Authentication
• API Integrations (TMDB, Google)
• Deployment (Vercel)

🤝 Contributing

Contributions, ideas, and suggestions are welcome!

📜 License

Open source under the MIT License.