My Engineering Portfolio

A high-performance portfolio site built with Astro, SolidJS, and MDX. Managed with Mise-en-place for a clean developer experience.

Astro SolidJS TypeScript TailwindCSS Mise

Why Astro?

I chose Astro for this portfolio because of its “islands” architecture, which allows me to keep the page size tiny while still using SolidJS for interactive elements when needed.

Key Features

  • Mise Integration: Environment and tool management that actually works.
  • Content Collections: Fully type-safe projects and blog posts.
  • MDX: Writing documentation-style project case studies with embedded Solid components.

This is a Live Solid Component inside MDX

0
// This is an example of a TSX snippet in MDX
const MyComponent = () => {
  return <div>Welcome to my portfolio!</div>;
};

I’m currently using this site to showcase my latest engineering work and technical writing.