Skip to main content

What is the YWCC Capstone platform?

The YWCC Industry Capstone platform connects industry sponsors with student capstone teams by showcasing sponsor organizations, project proposals, team rosters, and program information for NJIT’s Ying Wu College of Computing. Content editors compose pages by stacking reusable UI blocks in Sanity Studio — zero code required. The site is built with a toolkit-not-website approach: a block library maps editor-friendly names to fulldev/ui component internals (vanilla Astro components via the shadcn CLI), making the design system invisible to non-technical users. Reference site: ywcccapstone1.com

Key goals

  • Content editors build and update pages independently with no developer involvement
  • Prospective sponsors discover the program and submit inquiries
  • Students find team assignments, project details, and key dates in one hub
  • $0/month operating cost using free tiers across all services
  • Lighthouse 90+ across all categories on every page

How it works

The platform follows a JAMstack architecture. Sanity Studio serves as the content authoring interface, Astro generates static HTML at build time, and Cloudflare Pages serves those assets globally. A Cloudflare Worker handles form submissions. Production builds bake all content into static HTML — zero runtime API calls. The preview branch uses SSR for live Visual Editing with draft content.

Tech stack

LayerTechnology
FrontendAstro 5.x (SSG, output: 'static')
CMSSanity 5 (headless, Visual Editing)
UI Componentsfulldev/ui — vanilla .astro components via shadcn CLI
StylingTailwind CSS v4 (@tailwindcss/vite, CSS-first config)
Icons@iconify/utils + Lucide + Simple Icons
InteractivityVanilla JS (< 5KB total)
HostingCloudflare Pages (production: static, preview: SSR)
Form ProxyCloudflare Worker
AnalyticsGA4 + Monsido
Unit TestsVitest (jsdom)
E2E TestsPlaywright (5 browser projects + axe-core a11y)
CI/CDGitHub Actions
Releasessemantic-release (automated versioning + changelog)
Component DevStorybook 10 (via storybook-astro renderer)

Explore the docs

Quickstart

Get the project running locally in under 5 minutes.

Prerequisites

Node.js, accounts, and tools you need before starting.

Environment variables

Configure Sanity credentials and feature flags.

Local development

Dev commands, port assignments, and the full development workflow.