This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.
Project setup & contribution guide
This repository contains a demo landing page and three example issue descriptions under .github/ISSUES/ (easy/medium/hard). Below are quick setup steps and recommended procedures to address each issue.
Local setup (PowerShell)
# Install dependencies
npm install
# Run development server
npm run dev
# Open the site in your browser
Start-Process "http://localhost:3000"Where to look
- Landing page:
src/app/page.js - Global styles:
src/app/globals.css - Issue descriptions:
.github/ISSUES/easy.md,medium.md,hard.md
Quick issue-fix procedures
- Easy (content): Edit
src/app/page.jsto update hero copy or speaker blurbs. Validate by running the dev server and checking the page. - Medium (UI feature): Add a registration form (name + email) in the hero and implement client-side validation using a simple regex. Show inline errors and a success message.
- Hard (backend + CI): Add a POST API at
src/app/api/submissions/route.js, persist submissions todata/submissions.json(or DB), add tests, and create.github/workflows/ci.ymlto run lint/tests on PRs.
Developer workflow (example)
# create a feature branch
git checkout -b feat/my-change
# stage and commit
git add -A
git commit -m "feat: implement ..."
# push
git push -u origin feat/my-changeOpen a PR for review and reference the issue you worked on.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.