Fate Blog Demo

A small experimental Astro 6 blog built while exploring Fate, a modern React data client.

This project accompanies the article:

Meet Fate: Building an Astro Blog with a Modern React Data Client

Features

• Astro 6
• React Islands
• MDX Content Collections
• Dynamic Blog Routes
• Client-Side Search
• Dark Mode
• Tag Pages
• Tailwind CSS v4
• Astro API Routes
• Minimal Fate Integration

Project Purpose

This repository is not intended to be a production CMS.

It is a compact demo project used for the accompanying article to explore where Astro, React Islands, and Fate fit together inside a modern static-first architecture.

The project intentionally mixes:

• static content rendering
• selective client interactivity
• lightweight React components
• modern client-side data patterns

Links

Website:

https://jsdev.space

Article:

https://jsdev.space/meet-fate-react-astro/

Run Locally

Install dependencies:

npm install

Start development server:

npm run dev

Build production output:

npm run build

Preview production build:

npm run preview

Stack

• Astro
• React
• Tailwind CSS v4
• MDX
• Fate