NeatDev: The Portfolio I Wish Existed (So I Built It For Free)

A neat, simple one-page portfolio for modern developers. Neat, streamlined, easy to update, with just enough flair to show you care.

What is NeatDev?

NeatDev is a one-page, no-fuss portfolio for modern developers. Neat, simple, minimalist, responsive, fast.

Why I Created It

Ever tried editing a “simple” portfolio, only to break the entire site by swapping a profile photo? I have. Most templates are either way too complex, or look like "insert generic tailwind site here".

So I decided to build something I’d actually want to use: streamlined, easy to update, with just enough flair to show you care.

Live Project

https://neatdev.vercel.app/

Features

One-Page Design: Profile, work history, signature projects, blog posts, newsletter, bookmarks, and contact, all in a scroll.
Modern Stack: Next.js 15, TypeScript, Tailwind CSS for styling, Framer Motion for slick animations.
Instant Dark Mode: Eye-friendly, developer-approved.
Easy Customization: All key sections are simple React components—customize in minutes, not hours.
Deploys Instantly: Go live in one click with Vercel.
Clean, Responsive UI: Looks sharp on any device.

Packages & Tech Stack

Next.js 15 – Modern React framework
TypeScript – Safer code, easier edits
Tailwind CSS – Utility-first styling
Framer Motion – Subtle, modern animation
lucide-react, embla-carousel-react, Vercel and more, see package.json

Built For YOU to Steal 🕶️

Clone It

Check the Repo link, or:

git clone https://github.com/JPerez00/neatdev.git
cd neatdev
npm install
npm run dev

Then open http://localhost:3000 with your browser to see the result.

Make it YOURS

Edit these files to get started:

Profile: Change your name, bio and image in src/components/ProfileCard.tsx.
Social Links: Update the URL of all your social links in src/components/SocialIcons.tsx.
Recent Work / Projects: Update your job experience in RecentWork.tsx & Feature your key projects in SignatureProjects.tsx.
Blog Posts: Just placeholder posts, add a more robust articles section, or just fill in the cost data in FeaturedPost.tsx.
Bookmarks: Curate favorite tools and resources in Bookmarks.tsx, endless carousel thanks to motion.
Newsletter & Contact: Newsletter signup is in Newsletter.tsx. Edit the contact form in ContactSection.tsx.
Styling: Want to update theme, colors, or spacing? Just tweak Tailwind class names in the related components.

Tip: Every section is a simple react component and has motion added, just update the arrays or text in each component file, and your site updates automatically.

Deploy Instantly

Push to GitHub and deploy to Vercel.

The End Goal

NeatDev is a starting point for developer portfolios that’s actually pleasant to use.

Fork it, customize it, and ship your story to the world in record time. No excuses, no code gymnastics.

Open Source Project

This project is licensed under the MIT License. See the LICENSE file for details.

Just star the project if you like it and end up using it. Crediting me is much appreciated.