mpan.dev

My personal website — a blog and project showcase built with Astro.

Tech Stack

• Framework: Astro v7 + React 19 (islands architecture)
• Styling: Tailwind CSS v4 + shadcn/ui (Base UI)
• Language: TypeScript 6
• Content: Astro Content Collections (Markdown + frontmatter)

Prerequisites

• Node.js >=22.12.0 (run nvm use to match .nvmrc)
• pnpm 11.12.0

Development

pnpm install          # Install dependencies & git hooks
pnpm run dev          # Start dev server at http://localhost:4321
pnpm run build        # Production build
pnpm run preview      # Preview production build
pnpm run format       # Format files with Prettier
pnpm run format:check # Check formatting without writing
pnpm run lint         # Lint files with ESLint
pnpm run typecheck    # Type checking with Astro

To add new shadcn/ui components:

pnpm dlx shadcn@latest add <component-name>

Contributing

Commits follow Conventional Commits. Pre-commit hooks automatically run Prettier and ESLint. See CONTRIBUTING.md for details.

Source code is licensed under MIT.
Website content (articles, text, images) is licensed under CC BY-NC-SA 4.0.