Hey, DEV community!
Are you tired of the same old portfolio templates that look like everyone else’s?
Want a blazing-fast, modern, and actually fun open-source portfolio that you can truly call your own?
Let me introduce you to OptiFolio!
🔥 Built with Eleventy (11ty) for developers by a developer (me!) who loves simplicity, performance, and a little bit of flair.
🌟 Live Demo
📦 GitHub Repository
Why You’ll Love OptiFolio
- Instant Speed: No more waiting–OptiFolio is optimized for instant loads and perfect Lighthouse scores.
- Looks That Wow: Sleek, modern, and minimal, designed to make your work shine.
- Super Customizable: Change content, colors, and sections in minutes—no wrestling with complex code.
- Accessibility First: Semantic HTML, high contrast, keyboard navigation—everyone can enjoy your site.
- Open Source Freedom: MIT licensed. Fork it, remix it, claim it as your own—no strings attached.
🏆 Your portfolio is your brand. Give it the upgrade it deserves.
✨ Features
- Home, Projects, About, and Contact (the essentials for any dev)
- Mobile first & fully responsive
- SEO-ready with customizable metadata
- Dark mode for those late night viewing sessions
- Social links/icons ready to go
- Easy content management (Markdown/JSON)
- One-click deploy to Netlify/Vercel/GitHub Pages
🚀 Get Started in 4 Steps
1. Star and Fork the Repository
Before you begin, please star ⭐ and fork 🍴 the OptiFolio repository on GitHub!
This helps support the project and allows you to customize your own copy.
2. Clone Your Fork
Replace your-github-username with your GitHub username and your-repo with your repo name:
git clone https://github.com/your-github-username/your-repo.git
cd your-repo
3. Install Dependencies
npm install
4. Run Locally
npm run start
Open http://localhost:8080 and see your site, live!
🛠️ Make It Yours
- Edit your info, projects, and sections
-
Tweak the design and theme in
/src/styles -
Update SEO and meta tags in
base.njkfor your brand - Add, remove, or duplicate sections as you like
I’ve added comments and guides throughout so you never feel lost.
You don’t just get a template you get a toolkit.
🌐 Launch Your New Portfolio (For Free!)
Deploy to Vercel: Click Here !
Deploy to Netlify: Click Here !
(guide in the README)
🙌 Let’s Build Together!
I built OptiFolio because I was frustrated by boring, slow, or over engineered templates so I made something I’m proud to use and share.
But I want to see what you do with it.
- Fork it, star it ⭐, and drop your live portfolio in the comments!
- Encounter a bug or want a feature? Open an issue or PR let’s make it even better together.
Even if you’re just browsing, I challenge you: give OptiFolio a try.
You might just build your best portfolio yet.
💬 Questions? Suggestions? Show Off Your Site!
- Post your questions below I'm here to help.
- Got your portfolio live? Share the link I'd love to see it and hype you up!
- Found a way to make OptiFolio even cooler? PRs and feedback always welcome.
🔗 Useful Links
Thanks for reading, and happy coding!
Let’s build something awesome starting with your new portfolio. 🚀
Top comments (0)