Hack the Hill · 60 min

Build
with AI.

Follow along · all the links hth-talk.byaditya.com
Next.js → Worker → D1

Save
ideas.

Try it.
Idea board
  • Campus food map
  • Study buddy finder
Saved in this browser
Browser
→
Next.js UI
→
Worker
→
D1
Next.jsUI + routesapp/page.tsx → /
WorkerHTTP APIGET /ideas · POST /ideas
D1SQL database
idtitle
1Campus food map
2Study buddy finder

AI in
the loop.

OpenAI

Codex

codex

Explain this app.

Read → Edit → Run
GitHub

Copilot

Ask → Agent

Add a character counter.

Review → Try it
Context
→
Task
→
Checks
Plan this app.
FilesStepsRisks

Read
the diff.

InputsSQLErrors
Error
→
Hypothesis
→
Test

Let’s
build.

Your starting point

create-hth-app

Next.jsWorkerD1
Get the starter ↗
Worker:8787
Next.js:3000
CREATE TABLE ideas
idtitle
npm run db:migratelocal D1
env.DB→D1
GET/ideas
POST/ideas
INSERT INTO ideas (title)VALUES (?)
fetch(API + "/ideas")→IdeaBoard
useState()→
+
Add
→
Refresh
→
Still there.
Local
→
Cloudflare

Keep
building.

Docs ↗Prompts ↗Code ↗