How to Build Resume builder backend with V0

1// Paste this prompt into V0's AI chat:
2// Build a resume builder. Create a Supabase schema with:
3// 1. resumes: id (uuid PK), user_id (uuid FK), title (text), template_id (text), is_primary (boolean default false), created_at (timestamptz), updated_at (timestamptz)
4// 2. personal_info: id (uuid PK), resume_id (uuid FK unique), full_name (text), email (text), phone (text), location (text), linkedin (text), website (text), summary (text)
5// 3. experiences: id (uuid PK), resume_id (uuid FK), company (text), title (text), start_date (date), end_date (date nullable), is_current (boolean), description (text), achievements (text[]), position (integer)
6// 4. education: id (uuid PK), resume_id (uuid FK), institution (text), degree (text), field (text), start_date (date), end_date (date nullable), gpa (text), position (integer)
7// 5. skills: id (uuid PK), resume_id (uuid FK), category (text), items (text[]), position (integer)
8// RLS: users can only CRUD their own resumes and related data.
9// Generate SQL migration and TypeScript types.

1// Paste this prompt into V0's AI chat:
2// Build a resume editor at app/resumes/[id]/edit/page.tsx.
3// Requirements:
4// - shadcn/ui Tabs for sections: Personal, Experience, Education, Skills
5// - Personal tab: Input fields for full_name, email, phone, location, linkedin, website. Textarea for summary.
6// - Experience tab:
7//   - List of experience entries, each in a Card
8//   - Each Card: Input for company and title, date pickers for start/end, Checkbox for is_current (hides end date), Textarea for description, dynamic text[] Input for achievements (add/remove)
9//   - "Add Experience" Button, drag handle for reordering
10//   - Dialog for adding new experience
11// - Education tab: similar pattern with institution, degree, field, dates, gpa
12// - Skills tab: grouped by category. Each group has category name Input and comma-separated items Input
13// - Auto-save on blur via Server Actions: saveSection()
14// - Right panel: live resume preview (rendered HTML matching the selected template)
15// - Template Select at top to switch between templates (classic/modern/minimal)
16// - 'use client' for the interactive editor, Server Actions for saves

1import { NextRequest, NextResponse } from 'next/server'
2import { createClient } from '@supabase/supabase-js'
3import { renderToBuffer } from '@react-pdf/renderer'
4import { ClassicTemplate } from '@/lib/resume-templates/classic'
5
6export const maxDuration = 30
7
8const supabase = createClient(
9  process.env.SUPABASE_URL!,
10  process.env.SUPABASE_SERVICE_ROLE_KEY!
11)
12
13export async function GET(
14  req: NextRequest,
15  { params }: { params: Promise<{ id: string }> }
16) {
17  const { id } = await params
18
19  const { data: resume } = await supabase
20    .from('resumes')
21    .select('*, personal_info(*), experiences(*), education(*), skills(*)')
22    .eq('id', id)
23    .single()
24
25  if (!resume) {
26    return NextResponse.json({ error: 'Resume not found' }, { status: 404 })
27  }
28
29  const pdfBuffer = await renderToBuffer(
30    ClassicTemplate({ resume })
31  )
32
33  const filePath = `pdfs/${id}/${Date.now()}.pdf`
34  await supabase.storage.from('resumes').upload(filePath, pdfBuffer, {
35    contentType: 'application/pdf',
36  })
37
38  return new NextResponse(pdfBuffer, {
39    headers: {
40      'Content-Type': 'application/pdf',
41      'Content-Disposition': `attachment; filename="${resume.personal_info?.full_name ?? 'resume'}.pdf"`,
42    },
43  })
44}

1// Paste this prompt into V0's AI chat:
2// Build a resume list at app/resumes/page.tsx.
3// Requirements:
4// - Protected by auth
5// - Grid of resume Cards showing:
6//   - Preview thumbnail (small HTML render of the resume)
7//   - Resume title, template name Badge, last updated date
8//   - Star icon for primary resume (is_primary)
9//   - DropdownMenu with actions: Edit, Download PDF, Duplicate, Delete
10// - "Create New Resume" Button opens Dialog with title Input and template Select (classic/modern/minimal)
11// - Server Actions: createResume(), duplicateResume(), deleteResume(), setPrimary()
12// - Server Components for data fetching
13// - Empty state with illustration and "Create Your First Resume" prompt
14// - Use shadcn/ui Card, Badge, DropdownMenu, Dialog, Button