/05web app
An advanced blogging platform with premium content, user interactions, and detailed analytics.
[ Gallery ]
TechTips Hub, in detail.
4 images · click to zoom
At a glance
- Content tiers
- Free + Premium
- Editor
- Rich text
- Analytics
- Built-in
[ The Brief ]
TechTips Hub is a Medium-style publishing platform with a few twists: premium content gating for paying readers, fine-grained user interactions like claps and bookmarks, and a creator analytics dashboard that surfaces views, reads, and engagement per post. Built with Next.js on the front and a TypeScript + MongoDB API on the back. Redux Toolkit and RTK Query handle the client-side state cleanly — server state stays in RTK Query's normalized cache, transient UI state stays in slices, and nothing leaks across the boundary. The publishing experience uses a rich-text editor that serializes to a portable JSON document, which is easy to render server-side without re-parsing and easy to migrate later if the editor format changes.
[ Highlights ]
- /01
Full publishing platform with premium content gating, comments, claps, and bookmarks
- /02
Typed TypeScript + MongoDB API with strict validation at every route boundary
- /03
Redux Toolkit + RTK Query separation — server state in RTK Query's cache, UI state in slices, nothing leaks across
- /04
Creator analytics dashboard surfaces views, reads, and engagement per post in real time
[ Related ]