How to Build Job board with V0

1// Paste this prompt into V0's AI chat:
2// Build a job board platform. Create a Supabase schema with these tables:
3// 1. companies: id (uuid PK), name (text), logo_url (text), website (text), owner_id (uuid FK to auth.users)
4// 2. jobs: id (uuid PK), company_id (uuid FK to companies), title (text), description (text), location (text), salary_min (int), salary_max (int), job_type (text), is_featured (boolean DEFAULT false), status (text DEFAULT 'draft'), published_at (timestamptz), expires_at (timestamptz), stripe_payment_id (text)
5// 3. applications: id (uuid PK), job_id (uuid FK to jobs), applicant_name (text), email (text), resume_url (text), cover_letter (text), status (text DEFAULT 'new'), created_at (timestamptz)
6// 4. saved_jobs: user_id (uuid FK to auth.users), job_id (uuid FK to jobs), PRIMARY KEY (user_id, job_id)
7// Add RLS policies: anyone can read published jobs, only company owners can manage their jobs and view applications.

1// Paste this prompt into V0's AI chat:
2// Create a job listing page at app/jobs/page.tsx.
3// Requirements:
4// - Fetch published jobs from Supabase ordered by is_featured DESC, published_at DESC
5// - Display as shadcn/ui Card grid: job title, company name + logo, location, salary range, job_type Badge
6// - Featured jobs have a gold border and 'Featured' Badge
7// - Add a Sheet sidebar for filters: job_type RadioGroup, salary range Slider, location Input
8// - Add a search Input at the top that filters by title or company name
9// - Each Card links to /jobs/[slug] for the full job detail
10// - Show total results count and a 'Post a Job' Button linking to /employer/post

1// Paste this prompt into V0's AI chat:
2// Create a job detail page at app/jobs/[slug]/page.tsx.
3// Requirements:
4// - Fetch the job by ID with company details from Supabase
5// - Show job title, company logo + name + website link, location, salary range, job_type Badge, posted date
6// - Show full job description in a formatted Card
7// - Add an 'Apply Now' Button that opens a Dialog with:
8//   - applicant_name Input, email Input, cover_letter Textarea
9//   - Resume file upload (PDF only, max 5MB) to Supabase Storage
10//   - Submit Button with loading state
11// - Add a 'Save Job' Button (heart icon) that toggles saved_jobs
12// - Show related jobs from the same company or category at the bottom
13// - Server Action for the application submission that inserts into applications table

1// Paste this prompt into V0's AI chat:
2// Create an employer dashboard at app/employer/dashboard/page.tsx.
3// Requirements:
4// - Fetch all jobs for the current user's company with application counts
5// - Display in a shadcn/ui Table: title, status Badge (draft/active/expired), applications count, is_featured Badge, published_at
6// - Each row has actions: Edit, View Applicants, Promote to Featured
7// - 'View Applicants' opens a Sheet with application list: name, email, resume link, status Badge (new/reviewed/shortlisted/rejected), Select to change status
8// - 'Promote to Featured' Button redirects to Stripe Checkout for $99 featured listing
9// - Add a 'Post New Job' Button linking to /employer/post
10// - Post page has a form: title, description (Textarea), location, salary_min, salary_max, job_type Select
11// - Server Action for job creation that inserts with status 'draft'

1import { NextRequest, NextResponse } from 'next/server'
2import Stripe from 'stripe'
3import { createClient } from '@supabase/supabase-js'
4
5const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!)
6const supabase = createClient(
7  process.env.SUPABASE_URL!,
8  process.env.SUPABASE_SERVICE_ROLE_KEY!
9)
10
11export async function POST(req: NextRequest) {
12  const rawBody = await req.text()
13  const sig = req.headers.get('stripe-signature')!
14
15  let event: Stripe.Event
16  try {
17    event = stripe.webhooks.constructEvent(
18      rawBody,
19      sig,
20      process.env.STRIPE_WEBHOOK_SECRET!
21    )
22  } catch (err) {
23    return NextResponse.json(
24      { error: 'Webhook signature verification failed' },
25      { status: 400 }
26    )
27  }
28
29  if (event.type === 'checkout.session.completed') {
30    const session = event.data.object as Stripe.Checkout.Session
31    const jobId = session.metadata?.job_id
32
33    if (jobId) {
34      await supabase
35        .from('jobs')
36        .update({
37          is_featured: true,
38          stripe_payment_id: session.payment_intent as string,
39          status: 'active',
40        })
41        .eq('id', jobId)
42    }
43  }
44
45  return NextResponse.json({ received: true })
46}

1// Paste this prompt into V0's AI chat:
2// Create a Stripe Checkout session creator as a Server Action in app/employer/actions.ts.
3// Requirements:
4// - Export async function createFeaturedCheckout(jobId: string) with 'use server'
5// - Create a Stripe Checkout session with:
6//   - mode: 'payment'
7//   - line_items: one item for 'Featured Job Listing' at $99.00
8//   - metadata: { job_id: jobId }
9//   - success_url: '{origin}/employer/dashboard?featured=success'
10//   - cancel_url: '{origin}/employer/dashboard?featured=cancelled'
11// - Return the session URL for redirect
12// - Use redirect() from next/navigation to send user to Stripe