Next.jsAiFirebaseFirestoreOpen SourceGit

Did you like this site? Make it yours!

2025-12-28 min read
Did you like this site? Make it yours!

I’ve completely open-sourced this portfolio website. I built this entire ecosystem—including the custom CMS and bilingual frontend—in just 2 days using AI.

Coming soon: I will be sharing my improving LLM rules, including really detailed rules and workflows ready for you to use. You'll learn exactly how I achieved this speed.

For now, you can check out the code and completely customize it to your liking. You’ll have an admin panel and a ready-to-deploy website. The only thing you need to do is set up your Firebase account and configure the environment variables.

View the Repository on GitHub


🎯 Why I Built This

This isn't just a static site; it's a living proof of concept for AI-Assisted Engineering. I designed it to demonstrate:

  • Rapid Execution: Going from zero to a production-grade monorepo in 48 hours.
  • Technical Product Management: Clean architecture and scalable systems.
  • Global Reach: First-class bilingual support (Turkish/English).
  • Polished Authenticity: A design system that is bold, playful, and minimalist.

🏗️ Under the Hood

The project is a Monorepo built with the bleeding-edge stack:

  • Next.js 16 (App Router & Server Actions)
  • TypeScript & Tailwind CSS 4
  • Firebase (Firestore & Storage)
  • ShadCN UI & Framer Motion

It consists of two main applications:

  1. Website (:3000): The public-facing portfolio with i18n and server-side rendering.
  2. Admin Panel (:3001): A secure, private CMS to manage your content with drag-and-drop capabilities.

Admin Panel Demo

🚀 Get Started in 3 Steps

I've made it incredibly easy to spin up your own version.

  1. Clone the repo:
    git clone https://github.com/meanllbrl/portfolio.git
    
  2. Install dependencies:
    npm install
    
  3. Configure Environment: Set up your Firebase credentials in .env.local for both apps.

Feel free to fork this project and make it your own! No attribution required—use it however you'd like.

Mehmet Nuraydın | technical product manager from Izmir/Turkey 🇹🇷