DEV Community

Cover image for Open-Source Developer Portfolio
Baraa Alshaer
Baraa Alshaer

Posted on

Open-Source Developer Portfolio

A Clean, Production-Ready Next.js Portfolio (Open Source)

If you’re building a developer portfolio with Next.js and want a real, production-ready reference, I open-sourced mine to help.

It’s designed to be clean, scalable, and easy to customize—without over-engineering.

✨ Highlights

  • Built with Next.js (App Router), TypeScript, and Tailwind CSS
  • Fully responsive and performance-focused
  • Static export — deploy anywhere, no backend required
  • Dark / light mode based on system preferences
  • Contact form powered by EmailJS
  • Scalable, data-driven structure for projects and experience

🤔 Why this might be useful

  • Practical example of a modern Next.js portfolio architecture
  • Simple to replace personal data, projects, and experience
  • Clean separation between features, shared UI, and layouts
  • Accessible UI with smooth animations using Radix UI and Framer Motion

🔗 Repository

https://github.com/blshaer/blshaer-website

👤 GitHub

https://github.com/blshaer

If this helps you build or improve your portfolio, a ⭐ on the repo or a

follow on GitHub is appreciated.

Top comments (0)