all templates
Blog Frontends

Blog Frontend — React

A Tailwind-clean React client for the blog engine series — list, read, write, publish.

Vite + React 19 + TypeScript + Tailwind, consuming the blog engine API contract: post list, markdown post detail, login, and a small authoring form with a publish toggle. The browser only calls /api on its own origin; nginx forwards it to an API_URL read at start-up — no CORS, no rebuild per environment. A typed API client, JWT handling, and nothing you'd delete on day one.

Variants

What's inside

  • Post list + markdown detail views
  • Injection-safe markdown — React elements, never HTML strings
  • Login with JWT storage and authed fetches
  • Authoring form with publish toggle
  • Typed API client for the series contract
  • Tailwind design, follows system light/dark

Quickstart

$ git clone https://github.com/devai-io/devai_boilerplates.git$ cd devai_boilerplates/blog-react$ # start any blog engine on :8080 first$ docker compose up --build   # then open http://localhost:8081

Browse the code

The full source, exactly as it ships in the repo.

loading…
Download .zip
loading tree…

about this series

Part of the devai.io blog series — the same API, four frontend takes.