ReactJS.DE - Astro Migration

This is the Astro-based version of ReactJS.DE, migrated from Jekyll.

Quick Start

npm install
npm run migrate # Run once to migrate content from Jekyll
npm run dev # Start development server
npm run build # Build for production
npm run preview # Preview production build

Project Structure

├── public/ # Static assets
├── src/
│ ├── components/ # Reusable Astro components
│ ├── config/ # Site configuration
│ ├── content/ # Content collections (posts, users)
│ ├── data/ # JSON data files
│ ├── layouts/ # Page layouts
│ ├── pages/ # File-based routing
│ ├── plugins/ # Remark plugins
│ ├── styles/ # Global styles (Tailwind CSS)
│ └── utils/ # Utility functions
├── scripts/ # Build & migration scripts
├── astro.config.mjs
├── firebase.json # Firebase hosting (dist/)
└── package.json

Migration from Jekyll

The migration script (scripts/migrate-content.js) copies:

Source (Jekyll)	Destination (Astro)
_posts/	src/content/posts/de/
_data/users/	src/content/users/
assets/img/	public/assets/img/
shared/assets/	public/shared/assets/
_data/*.json	src/data/

Run migration: npm run migrate

Features

• Astro 5 with Content Collections & Zod schemas
• Tailwind CSS v4 with dark mode support
• SEO: meta tags, sitemap, RSS feed, JSON-LD
• Pagefind search
• OG image generation (Node.js Canvas)
• Firebase Hosting with GitHub Actions CI/CD

Content Management

Posts: src/content/posts/de/YYYY-MM-DD-slug/index.md Authors: src/content/users/*.yaml

Deployment

Firebase Hosting via GitHub Actions on push to master.

npm run build # Build site
firebase deploy # Deploy manually