DEV Community

Cover image for Sleek & Minimal Developer Portfolio Website
Louai Boumediene
Louai Boumediene

Posted on

6 1 2 2 2

Sleek & Minimal Developer Portfolio Website

Overview

This is a sleek, modern, and highly customizable portfolio template built using Astro. Designed with performance, accessibility, and SEO in mind, it offers a clean and minimalistic experience while providing all the essential features needed for a professional online presence.

Live Site

Check it out live here

Features

  • πŸŒ™ Light & Dark Mode – Seamlessly switch between themes.
  • πŸ“± Mobile-Friendly – Fully responsive design.
  • πŸ“– Blog Section – Supports MDX with automatic table of contents (TOC) and pagination.
  • 🏷️ Categorized Articles – Filter posts by series or category.
  • πŸš€ Projects Showcase – Detailed overview of projects with images and descriptions.
  • πŸ–ΌοΈ SEO & Open Graph – Optimized metadata and dynamic OG images.
  • 🎨 Sleek & Modern Design – Crafted with a focus on simplicity and elegance.

Tech Stack

Built using the following technologies:

  • Astro – Blazing fast static site generation.
  • TailwindCSS – Highly customizable utility-first CSS framework.
  • TypeScript – Strict type safety for maintainability.
  • Prettier – Code formatting for consistency.
  • Framer Motion – Smooth animations and transitions.

How to Use

Customization is simple and straightforward:

  • All customizable data (name, links, content, etc.) is stored in lib/constants/ dir.
  • Images can be replaced in the public folder.
  • OG images for blogs and projects are stored in public/og/.
  • Theming follows shadcn's color palette and can be easily tweaked.

Contribute & Support

Love the project? Give it a ⭐ on GitHub! Contributions are always welcomeβ€”whether it's fixing a bug, adding a new feature, or even correcting a small typo.

πŸ‘‰ Check out the repo and make your first pull request!


Built with ❀️ using Astro.

Heroku

Built for developers, by developers.

Whether you're building a simple prototype or a business-critical product, Heroku's fully-managed platform gives you the simplest path to delivering apps quickly β€” using the tools and languages you already love!

Learn More

Top comments (1)

Collapse
 
anmolbaranwal profile image
Anmol Baranwal β€’

Awesome! It looks good but I wouldn’t prefer the inner lining just below titles like "Experience". Definitely unique and minimalistic. πŸ”₯

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

πŸ‘‹ Kindness is contagious

If this article connected with you, consider tapping ❀️ or leaving a brief comment to share your thoughts!

Okay