2025-12-29

Updates

• Bootstrapped the project with Astro, then wired up Svelte, Tailwind, and shadcn-svelte.
• Added the shadcn-svelte button component and dark mode support, including a mode watcher and toggle.

Notes

Getting the foundation in place early makes everything else easier to iterate on. I wanted a setup that supports reusable components, theming, and documentation from the start.

Portfolio tech stack

• Astro 5: Fast content-first sites with server-side rendering
• Svelte 5: Simple reactive components with runes
• TypeScript 5: Type-safe development
• Tailwind 4: Utility-first CSS framework
• shadcn-svelte: Accessible UI primitives
• Storybook 10: Component development in isolation
• Chromatic: Visual regression testing
• Starlight: Documentation integration
• D2: Diagrams as code
• Supabase: Backend as a service, database, and auth
• Vercel: Hosting and deployment
• Figma: Design and prototyping