astroDevPortfolio screenshot

astroDevPortfolio

Astro / SvelteKit / React / Tailwind

Description

A modern visual portfolio I built with Astro, Svelte, and React components, using Tailwind.

BUGS: The navbar loads after the primary content because it's a React component, while the rest of the site uses Astro components. The Astro components are loading too quickly.

Overview

When starting with web development, your first project is often your portfolio. I initially built this project in Next.js, but faced performance issues and compatibility problems with the Next image component on Cloudflare.

I rewrote the portfolio in Astro, then switched to SvelteKit, resulting in the portfolio you're viewing now.

Most components were converted to Svelte, but a few remained in JSX for preferred functionality. This showcases Astro's flexibility and serves as an open-source project.