Hackathon Challenge & Partner Landing Site (Next.js 16)
Overview
A marketing and content site for a hackathon, presenting the event’s challenges and partners. Built with Next.js 16 and React 19, with each challenge authored as a Markdown brief and rendered into its own page.
Why It Exists
A hackathon needs a public hub that lists the available challenges, explains each brief, and showcases sponsoring partners, fast to publish, easy to update, and cheap to host. This site fills that role.
What We Built
A Next.js 16 (App Router) application with routed sections for challenges and partners, a shared _components directory, plus SEO/social wiring (sitemap.ts, opengraph-image.tsx, twitter-image.tsx). The challenge catalog is a set of Markdown briefs (bill-buster, busywork-killer, contradiction-catcher, crop-whisperer, freight-broker, several monsson-* tracks, and more) under a challenges/ directory, each surfaced as a page. Tailwind CSS 4 handles styling. A wrangler.jsonc and an out/ export target indicate static deployment to Cloudflare Workers.
Technologies & Approach
Next.js 16 + React 19 for a current, fast front end; Markdown-driven content so non-developers can add or edit challenge briefs; Tailwind 4 for styling; Cloudflare Workers / Wrangler for inexpensive edge hosting of the static export.
Outcome / Impact
Produced a complete, content-managed event site that turns a folder of Markdown challenge briefs into a browsable catalog alongside partner showcase pages, ready for edge deployment.
Capabilities Demonstrated
- Content-driven site generation from Markdown briefs
- Next.js 16 / React 19 App Router with SEO and social-card automation
- Tailwind CSS 4 front-end styling
- Static export and edge hosting on Cloudflare Workers