Full-Stack · CMS
DemoStoryFlow — Full-Stack CMS & Blog
A role-based blogging and content-management platform pairing a fast public reading experience with a full authoring dashboard.
The concept
What it demonstrates
Built to explore a hard architectural trade-off: content platforms usually force a choice between a fast, clean reading experience and a capable authoring workflow. StoryFlow demonstrates serving both from one codebase — streaming reads for visitors, a full role-based dashboard for authors — without shipping unnecessary JavaScript to either.
Capabilities
What the architecture demonstrates
Publishing without a developer in the loop.
Architected so authors and editors manage posts, drafts, and publishing from a dashboard via Server Actions — no code, no redeploy.
Role-based access, enforced on the server.
A three-tier model — reader, author, admin — demonstrates contributors who can write without ever reaching settings or other users' accounts.
A reading experience built to stay fast.
Route-level streaming with no layout shift and one-tap Google/GitHub sign-in, built to keep readers engaged rather than waiting.
Under the hood
StoryFlow pairs a public reading experience with a role-based dashboard for authoring and administration, built on the Next.js 16 App Router and React 19 with the React Compiler enabled.
Architecture & Approach
The reading side uses SEO-friendly server-side search and pagination over URL params, streaming skeletons, and efficient Prisma queries with _count aggregation. The authoring side runs entirely on Server Actions for content CRUD, published/draft toggling, and role management across a three-tier RBAC model.
Highlights
React Compiler automatic memoization, route-level streaming that eliminates layout shift, per-user likes and comments, reading-progress and reading-time features, and Better Auth with Google + GitHub OAuth.
Built With
Have a project like this?
Tell me what you're building — I'll show you how I'd make it secure, fast, and correct.