A clean, minimal Next.js portfolio template for developers. Light and dark mode, smooth animations, fully responsive, and easy to customize. Built with Next.js 15, TypeScript, Tailwind CSS, and Framer Motion.
- Light / Dark Mode -- Toggle with system preference detection and localStorage persistence
- Smooth Animations -- Subtle fade-in and scroll-triggered animations with Framer Motion
- Fully Responsive -- Works on all screen sizes from mobile to desktop
- SEO Optimized -- Metadata, Open Graph tags, and semantic HTML
- Easy to Customize -- Placeholder content ready to replace with your own
- Modern Stack -- Next.js 15, TypeScript, Tailwind CSS 4, Framer Motion
- Accessible -- Semantic markup, ARIA labels, keyboard navigation
- Hero -- Name, title, bio, social links, and call-to-action buttons
- About -- Extended bio with experience stats
- Projects -- Grid of project cards with tech tags and links
- Skills -- Tag grid of technologies
- Experience -- Work history timeline
- Contact -- Email CTA
git clone https://github.com/Terminal-Blank/minimal-dev-portfolio.git my-portfolio
cd my-portfolio
npm install
npm run devOpen http://localhost:3000 to see your site.
Edit components/Hero.tsx to update your name, title, bio, and social links.
Edit the projects array in components/Projects.tsx with your own work.
Update the skills array in components/Skills.tsx with your technologies.
Edit the experience array in components/Experience.tsx with your work history.
Update the email address in components/Contact.tsx.
Change the accent color in app/globals.css under the @theme block.
Click the "Deploy with Vercel" button above, or:
npm i -g vercel
vercelnpm run build
netlify deploy --prod- Next.js 15 -- React framework
- TypeScript -- Type safety
- Tailwind CSS 4 -- Styling
- Framer Motion -- Animations
MIT -- Terminal Blank