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.