Next.js

Ship a Next.js App Router project

Build a hackathon-ready Next.js app with App Router, Server Components, server data fetching, route handlers, and a public deployed link that works on a judge phone.

For college builders in India who know some code and want a recruiter-ready hackathon project with a public repo.

Advanced7 lessonsAbout 30 min+100 XP

Usually easier after React. You can start here anyway.

Written from the official docs and release notes, and last checked on 21 September 2026.

Start lesson 1

Your path

1Start hereStart the App Router app4 min
2Map routes with files4 min
3Split server and client components5 min
4Fetch data on the server4 min
5Add an API route handler4 min
6Prepare for production4 min
7Submit the public repo5 min
The check10 questions · 7 to pass
Verify the Next.js skill+100 XP and a proof page, once the check and the task are done