joelhooks.com

Joel Hooks' personal site built with Astro.

Published at joelhooks.com via Vercel.

Tech Stack

• Astro 7.x - Static site framework
• MDX - Markdown with JSX support
• React - UI components
• Tailwind CSS - Styling
• Mux Player - Video embeds
• Content Collections with glob loader for blog posts

Project Structure

/
├── public/           # Static assets
├── src/
│   ├── components/   # React and Astro components
│   ├── content/
│   │   └── blog/     # Blog posts (MDX)
│   ├── layouts/      # Page layouts
│   └── pages/        # Astro pages and routes
├── astro.config.mjs  # Astro configuration
└── content.config.ts # Content collections schema

Development

This project uses pnpm for package management.

pnpm install          # Install dependencies
pnpm dev              # Start dev server at localhost:4321
pnpm build            # Build for production
pnpm preview          # Preview production build locally
pnpm newPost          # Create a new blog post

Requirements

• Node.js 22+
• pnpm 10+