Overview
A monorepo-based portfolio site built with modern web technologies. The project serves as both a personal site and a playground for exploring full-stack patterns.
Stack
- TanStack Start for server-rendered React with file-based routing
- Vanilla Extract for type-safe, zero-runtime CSS
- MDX for content authoring with embedded components
- AWS CDK for infrastructure as code
- pnpm workspaces for monorepo management
Architecture
The monorepo is organized into focused packages:
@dawalnut/theme— Design tokens and theme contract@dawalnut/ui— Reusable component library@dawalnut/infra— CDK constructs for deploymentportfolio— The main application
Content Pipeline
Blog posts and project descriptions are authored in MDX, validated with Zod schemas, and compiled server-side to static HTML for fast page loads.