Skip to content

20jasper/portfolio-site-astro

Repository files navigation

Portfolio Site Astro

Jacob Asper's web development portfolio—now in astro!

Live site A website showcasing projects, social media links and an about me section

Motivations

My original portfolio is built in pure HTML, CSS, and JavaScript, so as it grew, it became cumbersome to update. Once there were enough projects to warrant pagination, not only did I need to move all the projects to across pages manually, I needed to create a new form in Netlify for each page.

Migrating to Astro will help quite a bit with these issues since it offers built in pagination and components. The cherry on top is that astro uses SSG, so there won't be any performance cost!

How It's Made

Tech used: HTML, CSS, TypeScript, Astro

I started with my original portfolio site, and slowly started to convert it into components. Along the way, I removed unused CSS, improved accessibility, and reduced redundancy with loops.