Bad UI Next.js Competition Template

A tiny Next.js App Router project for hosting a bad volume slider or bad CAPTCHA competition.

Run

npm install
npm run dev

Static build

This project is configured with output: "export" in next.config.ts.

npm run validate:submissions
npm run build

The static site is emitted to out/.

Add a submission

1. Copy src/submissions/starter.
2. Rename the copied folder.
3. Edit meta.ts, Page.tsx, and styles.css.
4. Add the folder to src/competition/registry.ts.
5. Run npm run validate:submissions and npm run build.

Plain HTML template

A standalone HTML/CSS/JS starter lives at:

public/html-template/index.html

Participants can experiment there first, then port the idea into a React submission.