Build a Job Board
Learn how to launch a production-ready job board in minutes using our Next.js starter template.
Overview
The CleanJobData Next.js Starter is a full-featured job board template built with Next.js 16, Tailwind CSS v4, and our Jobs API. It includes everything you need to get started: filters, search, SEO optimizations, and a responsive UI.
Step-by-Step Instructions
Get your API Key
Sign up for a free account on CleanJobData and generate an API key in your dashboard. You'll paste this key into the CLEANJOBDATA_API_KEY environment variable in Step 3 below.
Deploy the Template
The fastest way to get started is using the one-click deploy buttons for Vercel or Netlify. This will clone the repository to your own GitHub account and start a new deployment.
Configure Environment Variables
During deployment (or in your local .env.local file), set the following variables:
CLEANJOBDATA_API_KEY=your_api_key_here
CLEANJOBDATA_API_URL=https://api.cleanjobdata.com
NEXT_PUBLIC_SITE_NAME="My Job Board"
NEXT_PUBLIC_APP_URL=https://your-domain.comCustomize & Launch
Once deployed, you can customize the branding by replacing the logo in public/logo.svg and updating the theme in app/globals.css.
- Replace
public/logo.svgwith your brand logo. - Update
app/icon.svgfor your favicon. - Update the site title, description, and Open Graph tags in
app/layout.tsx— this is the metadata search engines and social previews actually read.
The template already generates a sitemap (app/sitemap.ts), a robots.txt (app/robots.ts), and per-job JobPosting structured data on job detail pages out of the box — nothing to configure for those beyond the branding above.
Next Steps
Now that your job board is live, you can explore our API documentation to add more features like geographic suggestions or custom filtering logic.