src/pages

← Root · Pages & Routing Module

Routes

Route	File	Rendering	Purpose
`/`	`index.astro`	SSR	Homepage
`/projects`	`projects/index.astro`	SSR	Project listing + filter
`/projects/[slug]`	`projects/[slug].astro`	SSR	Django metadata + optional MDX body
`/blog`	`blog/index.astro`	SSR	Blog listing + filter
`/blog/[slug]`	`blog/[slug].astro`	SSR	Blog post detail (MDX)
`/about`	`about.astro`	SSR	Bio, education, skills
`/404`	`404.astro`	SSR	Custom 404 page
`/api/chat`	`api/chat.ts`	API	Claude chatbot endpoint

API Endpoints

POST `/api/chat`

Accepts { messages: Array<{ role, content }> }
Returns { message: string }
Model: env ANTHROPIC_MODEL (default claude-haiku-4-5-20251001), max 300 tokens
System prompt includes Yu-Wei’s background info
Graceful error handling with fallback messages

Middleware

src/middleware.ts — Maintenance mode gate controlled by MAINTENANCE_MODE env var. API routes bypass maintenance check.

Key Patterns

All pages use BaseLayout from @layouts/
Project detail routes resolve Astro.params.slug through the Django project API, then look up an optional same-slug MDX body
Blog and TIL detail routes use getEntry() from content collections
Content rendering via render() → <Content /> component when an MDX body exists
React filter components receive serialized data as props