Open-Source Developer Portfolio

Source: Dev.to

Overview

If you’re building a developer portfolio with Next.js and want a real, production‑ready example, this repository provides a clean, scalable, and easy‑to‑customize solution without over‑engineering.

Features

• Fully responsive and performance‑focused design
• Static export – deploy anywhere, no backend required
• Dark / light mode that follows system preferences
• Contact form powered by EmailJS
• Scalable, data‑driven structure for projects and experience
• 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

Tech Stack

• Next.js (App Router)
• TypeScript
• Tailwind CSS
• Radix UI
• Framer Motion
• EmailJS

Deployment

The site can be statically exported and hosted on any static‑file hosting service (e.g., Vercel, Netlify, GitHub Pages) without requiring a backend.

Architecture

• Data‑driven folders for projects and experience entries
• Clear separation of concerns: features, shared UI components, and layout files
• Easy to customize by editing JSON/YAML data files or component props

Accessibility

• UI components built with accessibility in mind via Radix UI
• Smooth, keyboard‑friendly animations powered by Framer Motion

Repository

🔗 GitHub Repository: