Word Study Website

Built from scratch to give Word Study an autonomous, self-service content platform that eliminates developer dependencies for routine executive and event updates.

01 // THE OBJECTIVE

The Problem & Architecture Mandate

Build Word Study a real platform from zero — not patch an existing site — that could grow from a simple static presence into something the unit could run itself, without ever needing a rebuild or a developer on standby for routine changes.

02 // ARCHITECTURAL APPROACH & EVOLUTION

Engineering Iterations & Milestones

Phase 01Production Milestone

Foundational Build (v1.0.0, April 2026)

Built the entire platform from scratch on the Next.js App Router, with a Tailwind CSS design system and Framer Motion for scroll-based micro-interactions — the public pages, navigation, and initial hardcoded executive/sub-unit UI all originated here.

Phase 02Production Milestone

CMS Migration (v2.0.0)

Re-architected the static leadership data into a Sanity headless CMS, replacing hardcoded arrays with a single relational source of truth so executive profiles can't drift out of date across pages.

Phase 03Production Milestone

Automated Content Logic (v2.1–v2.2)

Engineered a Time-Aware Conference Engine that auto-transitions events from upcoming to past based on real dates, a 3-tier media fallback system (CMS image → auto-extracted YouTube thumbnail → CSS gradient fallback) for messages and conferences, and "Phantom Routing" — a server-side check that strips empty nav categories before the page ever renders.

Phase 04Production Milestone

Production Hardening (v2.3.0)

Added GA4 tracking and a hybrid static/dynamic sitemap built specifically to avoid the serverless crashes that come from using fs.readdir on Vercel, plus force-dynamic cache-busting so CMS edits go live instantly without a full redeploy.

03 // ARCHITECTURAL CONCLUSION

System Longevity & Durability

Word Study wasn't handed an existing site to improve — it was built solo from an empty repo through six versions, ending as a self-service platform that keeps working even when content is incomplete or a category is empty.

04 // THE RESULTS

The unit can now add or edit executives, conferences, and messages directly, with zero code changes and no rebuild required — updates go live immediately. The fallback architecture means missing content degrades gracefully instead of breaking the page, and the conference logic and empty-category nav filtering both remove recurring manual upkeep that would otherwise fall on someone every year.

UP NEXTSequential Deep Dive
Industry: Higher Education / Campus Lifestyle | CLIENT: Campus Community | PROJECT: Treaty MVP — Subscription Platform

Treaty (MVP)

A deliberately scoped backend foundation — authentication, server-verified payments, and Row Level Security — engineered for a clean client handoff.

NEXT PROJECT