Skip to main content

Quickstart

Clone, install, and run both servers in under 5 minutes

Block Library

100+ reusable UI blocks — custom and fulldev/ui template blocks

Content Management

Sanity Studio with Visual Editing, structured content, and GROQ queries

Deployment

Cloudflare Pages + Workers at $0/month operating cost

What is YWCC Capstone?

The YWCC Industry Capstone platform connects NJIT’s Ying Wu College of Computing industry sponsors with student capstone teams. Content editors compose pages by stacking reusable blocks in Sanity Studio — no code required. Developers can add new blocks without touching existing code.

Key features

CMS page builder

Stack blocks in Sanity Studio. No developer involvement needed for content changes.

Auto-discovering block registry

Add a new .astro file and it’s automatically available in the registry — no switch statements or manual registration.

Lighthouse 95+ performance

Static HTML at build time, less than 5KB JS payload, zero runtime API calls.

Visual Editing

Preview branch uses SSR so editors see live draft content with overlay controls.

Free hosting

Cloudflare Pages + Workers free tier covers all traffic. Sanity free tier covers CMS.

Automated releases

Conventional commits trigger semantic-release: version bump, CHANGELOG, GitHub Release.

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 (CSS-first config)
HostingCloudflare Pages (production: static, preview: SSR)
Unit TestsVitest (jsdom)
E2E TestsPlaywright (5 browser projects + axe-core a11y)
CI/CDGitHub Actions + semantic-release
Component DevStorybook 10

How content editing works

Content editors never touch code. They open Sanity Studio, create or edit a Page document, and compose the page by adding blocks from a library. Each block has clearly labeled fields — no raw JSON or markup required.
1

Open Sanity Studio

Navigate to the Studio URL (local: http://localhost:3333, or the deployed Studio URL).
2

Create or select a page

Pages are document types in Sanity. Each page has a title, slug, SEO fields, and a blocks[] array.
3

Add blocks

Click Add item in the blocks array. Choose from 100+ block types — Hero Banner, Feature Grid, Sponsor Cards, and more.
4

Publish

Click Publish in Sanity Studio. A webhook triggers an Astro build on Cloudflare Pages, deploying updated static HTML within minutes.
The preview branch uses SSR so Visual Editing overlays work in real time. The main branch always builds fully static HTML for maximum performance.