MisoTech Logo
MisoTech
MisoTech — Personal Brand & Content Platform

MisoTech — Personal Brand & Content Platform

The site you are browsing: a production-grade content platform built and operated solo on Next.js 14 with Notion as a headless CMS. Bilingual (EN/中文) with dark mode, full-site CJK search with relevance ranking, comment moderation with anti-spam scoring, email & Web-Push subscriptions, a content state machine with scheduled publishing, and an admin console — architected, built and tuned end-to-end by one person.

Responsibilities

  • Architecture, design system & full-stack development
  • Notion headless CMS integration & content pipeline
  • Full-site search 2.0: CJK tokenization, relevance ranking & search analytics
  • Comment anti-spam scoring & moderation state machine
  • Subscription system: email + Web Push (VAPID)
  • Content state machine, scheduled publishing & admin console
  • Performance tuning & Vercel image-quota governance
Next.jsTypeScriptTailwind CSSNotion APIFramer MotionVercel
Role: Full-stack engineerClient: Personal projectsYear: 2025
GitHub
🚀
The site you are reading right now. One person, one repo — from architecture to production.

Why I Built It

MisoTech ("Decode the Stack") is my personal brand site. I wanted more than a template portfolio: a real production system that publishes bilingual content, grows an audience and operates itself — a living reference for how I build software.

Platform Highlights

Bilingual & fast by design

  • Parallel EN/ZH routing with a full dark-mode design token system
  • Next.js image & font optimization; on-demand ISR so Notion edits go live fast

Search 2.0

  • CJK tokenization + relevance scoring across blog posts and projects
  • Type-ahead suggestions, related-content recommendations and a search-analytics dashboard

Community & growth systems

  • Nested comments with anti-spam scoring, a moderation state machine and owner notifications
  • Email (Resend) + Web Push (VAPID) subscriptions with a degraded local mode

Content ops

  • Draft → Scheduled → Published state machine with cron publishing and HMAC-signed preview links
  • Admin console for content management and search analytics

Engineering Notes

  • Vercel image-quota governance: WebP-only, trimmed device sizes, long edge-cache TTL
  • TTL-cached Notion reads with a local fallback dataset, so the site builds even when Notion is down

Architecture, UI, backend, DevOps and content operations — done solo. This is what a one-person product team looks like in 2026.

Back to Projects

Related content

E-commerce platform

A fully functional e-commerce platform, including product display, shopping cart, checkout process, and payment integration. Built using React and Next.js, with MongoDB providing data storage and Stripe handling payments.

Shares Next.js, Tailwind CSS

1/1/1970
LightGame — Instant-Play Casual Game Platform

A polished casual-game platform for quick breaks: Snake, Tetris, space shooters and more — no login, no friction. The real engineering story is the onboarding pipeline: every game is declared by a single metadata.json, then schema validation, iframe embed pre-checks (XFO/CSP), list generation and CI all run automatically. Adding a game is a pull request, not a refactor.

Shares TypeScript, Tailwind CSS

1/1/1970
Social Media UI Design

A comprehensive UI/UX design kit for a social media platform, including user flows, interaction patterns, and visual style guides.

Shares Next.js

1/1/1970
Finance Dashboard

An interactive dashboard for visualizing and analyzing personal finance data. Integrates multiple bank accounts and investments, offering spending trends and forecasting.

More in this section

1/1/1970
// INSPIRED BY THIS PROJECT?

Need something similar built?

I take on a handful of client projects each quarter — AI applications, enterprise systems, and product MVPs. If this case study lines up with what you need, let's talk.

Discuss Your Project →See Service Tiers

Let's Work Together

Have a project in mind? I'm currently available for freelance work.