A modern, ATS-friendly resume builder built with Next.js. Create professional resumes with a real-time preview and export to PDF.
- Node.js 18+
- pnpm
# Clone and install
git clone https://github.com/cruizers/resume-builder
cd resume-builder
pnpm install
# Start development server
pnpm devOpen http://localhost:3000 and start building your resume.
- Real-time editing with rich text support
- Professional templates optimized for ATS systems
- PDF export with print-ready formatting
- Responsive design that works on all devices
- Modern UI built with Tailwind CSS and shadcn/ui
src/
├── app/ # Next.js app router
├── components/ # Reusable UI components
├── features/ # Feature-specific code (editor, previewer)
├── lib/ # Utilities and shared logic
└── hooks/ # Custom React hooks
- Next.js 15 - React framework
- TypeScript - Type safety
- Tailwind CSS v4 - Styling
- TipTap - Rich text editor
- Puppeteer - PDF generation
- Zustand - State management
pnpm dev # Start development server
pnpm build # Build for production
pnpm start # Start production server
pnpm lint # Run ESLint
pnpm clean # Clean install (removes node_modules and lockfiles)PDF Export Issues: If PDF generation fails, make sure Puppeteer can install Chromium:
# On macOS with M1/M2
PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=false pnpm install
# On Linux, you might need additional dependencies
sudo apt-get install -y chromium-browserBuild Errors: Clear your cache and reinstall:
pnpm clean
pnpm installThe app uses file-based routing. Key files:
src/app/page.tsx- Main resume builder interfacesrc/app/api/export-pdf/route.ts- PDF export APIsrc/lib/store.ts- Global state managementsrc/components/content-editor.tsx- Resume content editor