Nicholai
d10198a3b6
- Remove elaborate UI components (CustomCursor, SearchDialog, GridOverlay, ThemeToggle, ThemePreferenceDialog, Navigation, Footer, section components, blog components) - Strip portfolio and section content - Reduce global.css to basic typography and prose - Simplify BaseHead and BlogCard components - Update content config to only blog collection - Update README and CLAUDE.md with minimal guidance - Adjust routes to basic pages (index, blog, contact, 404) - Delete unused files (dev/injection.md, dev/open-source-vfx-pipeline.mdx, etc.)
Astro Template
Minimal Astro development template with React, Tailwind CSS, and Cloudflare Pages deployment.
Stack
- Astro 5 - Static site framework
- React 19 - Interactive components
- Tailwind CSS 4 - Minimal styling
- MDX - Markdown with JSX for blog posts
- TypeScript - Type safety
- Cloudflare Pages - Deployment
- pnpm - Package manager
Quick Start
# Install dependencies
pnpm install
# Start dev server
pnpm dev
# Build
pnpm build
# Deploy
pnpm deploy
Project Structure
src/
├── assets/ # Images (processed by Astro)
├── components/ # Minimal components (BaseHead, BlogCard, FormattedDate)
├── content/
│ └── blog/ # Blog posts (MDX)
├── layouts/ # BaseLayout, BlogPost
├── pages/ # Routes (index, blog, contact, 404)
├── styles/ # Minimal global CSS
└── utils/ # Utility scripts
public/
└── media/ # Static assets
dev/
├── design.json # Design system reference
└── continuity.md # Development log
Pages
/- Homepage with navigation/blog- Blog index/blog/[slug]- Individual blog posts/contact- Contact form/404- 404 page
Blog Posts
Create MDX files in src/content/blog/:
---
title: 'Post Title'
description: 'Post description'
pubDate: 'Dec 27 2024'
heroImage: '../../assets/image.avif' # Optional
category: 'Category' # Optional
tags: ['tag1', 'tag2'] # Optional
---
Your content here...
Utilities
# AI-powered commit messages (requires OpenRouter API key)
pnpm commit
# Convert images to AVIF
pnpm convert:avif:all
pnpm convert:avif:jpeg
pnpm convert:avif:png
# Generate Cloudflare types
pnpm cf-typegen
Configuration
src/consts.ts- Site title, description, social linksastro.config.mjs- Astro configurationwrangler.jsonc- Cloudflare Pages configurationdev/design.json- Design system reference
Development
See CLAUDE.md for detailed architecture and development guidance.
License
MIT