Portfolio template

Deploy your portfolio website in 5 min

  • Astro
  • TailwindCSS
  • TypeScript
  • Valibot
Portfolio template

If you read an article or watch a video about getting a job as a developer, you’ll notice they all talk about building a portfolio to showcase your skills and projects…

The first time I was going to build mine, I looked for a lot of inspiration and I succeeded in building a beautiful one (since I built it from scratch). I open-sourced it on GitHub because I love open source and contributing to it.

V1

I used Vite, JavaScript, Bootstrap, and SASS (as well as some libraries like AOS and curtains.js).

V2

This is when I started falling in love with Astro, so I decided to rewrite it with Astro and keep the same design and libraries.

Because I started getting a fair number of messages about using it as a template, I added a data.json file containing all personal information. This way, there is no need to be familiar with Astro, just follow the installation instructions and change the data.json.

V3

In this version, which is the current one, I had two main goals: easy integration and achieving a 100/100 score in Lighthouse. I migrated to TailwindCSS instead of Bootstrap + SASS, and switched from EmailJS to Web3Forms for third-party email service.

I also cleaned up the code by removing unnecessary code/libraries.

Live demo
Source Code