DEV Community

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

Posted on

7 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.

Image of Timescale

πŸ“Š Benchmarking Databases for Real-Time Analytics Applications

Benchmarking Timescale, Clickhouse, Postgres, MySQL, MongoDB, and DuckDB for real-time analytics. Introducing RTABench πŸš€

Read full post β†’

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. πŸ”₯

Sentry image

See why 4M developers consider Sentry, β€œnot bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay