peacheychen / worldcoin-freelancer

World ID Next.js Template

This is a template repository for creating a new project using Next.js, TailwindCSS, and the World ID SDK. This template isn't intended for use cases that require on-chain verification, but rather for use cases that leverage off-chain web backend verification.

Getting Started

First, set the correct Node.js version using nvm and run the development server:

nvm use 18
pnpm i && pnpm dev

Copy .env.example to .env.local and add your World ID App ID and Action Name to the appropriate variables.

Open http://localhost:3000 with your browser to see the result.

This template includes an API route to verify the proof returned by the IDKit widget at /api/verify. Edit src/pages/api/verify.ts to handle any backend functions you need to perform.

You can start editing the page by modifying src/pages/index.tsx. The page auto-updates as you edit the file. Edit the onSuccess function to define frontend behavior once the proof has been verified.

The src/pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js and World ID, 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.
• World ID Documentation - learn about World ID features and API.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out the Next.js deployment documentation for more details.