LiveFull-stack product build

pencraft

A blog platform for authenticated writing, editing, and publishing with a modern full-stack setup.

Pencraft - Blog Website

Problem

A writing platform needs a clean authoring flow, secure user sessions, and efficient post storage without making the editor feel heavy.

Architecture

  • React and Tailwind power the reading and writing interface.
  • Hono on Cloudflare Workers handles API routes.
  • PostgreSQL and Prisma store users, posts, and publishing state.
  • JWT and Zod protect authenticated routes and request payloads.

Key decisions

  • Used a serverless backend to keep deployment simple and responsive.
  • Separated validation from route logic so post mutations stay easier to reason about.
  • Focused the interface on core writing actions before adding heavier publishing features.

Tradeoffs

  • A lightweight editor is fast, but advanced formatting would require a richer editing model.
  • JWT auth keeps the app portable, but token lifecycle details need care in production.

What I learned

  • Content products are mostly state products: draft, edit, publish, and ownership rules drive the architecture.
  • A simple writing flow beats a feature-heavy editor early on.

Stack

ReactJSHonoCloudflare WorkersPostgreSQLPrisma ORMTailwind CSSZodJWT
Open project