# How to Vibe Code Your Own PandaDoc (and Stop Paying for It) > All-in-one document workflow automation and eSignature platform - Site: https://pandadoc.com - Category: Document Workflow & eSignature - Verdict: **Solid side project** (62/100 vibecodeable) - Estimated effort: 2-3 weeks part-time ## Verdict Build a core subset for personal workflow automation and signing, but keep paying for enterprise compliance and native CRM moats. Creating a personal clone with a block editor, signature tracking, and PDF export is a realistic two-week project using modern AI coding agents. However, achieving enterprise-grade legal compliance, tamper-evident cryptographic seals, and rock-solid bi-directional CRM syncing requires immense engineering overhead that invalidates building a commercial competitor. ### What you can't replicate - Certified legal compliance framework (SOC 2 Type II, HIPAA, ESIGN/UETA legal standing) - Native, certified integrations with Salesforce, HubSpot, and enterprise ERPs - Brand trust and liability protection for third-party counterparties ## What it does Create, edit, collaborate on, track, and legally sign sales proposals, quotes, contracts, and HR onboarding documents with a block-based editor and audit trails. ### Core features - Block-based drag-and-drop document editor - Product and pricing catalog (CPQ) - Real-time document tracking, recipient analytics, and audit trails - Legally binding eSignatures with signer ordering and verification - Dynamic smart content and conditional document variables - Document templates and content library - Stripe payment integration embedded in documents - CRM integrations and webhooks ## The business ### Pricing - Free: $0 — For small businesses who need professional eSign without the price tag - Starter: $19/mo — For quickly creating and signing forms and agreements - Business: $49/mo — For sales proposals and integrated agreement workflows ### Funding $151.5M raised. - Seed (May 2013) - Series B ($15M - May 2017, $30M ext - Aug 2020) - Series C ($60M at $1B valuation - Sep 2021) - Growth / AI injection (€5M - Dec 2025) Investors: OMERS Growth Equity, G Squared, One Peak Partners, Microsoft's M12, Altos Ventures, Índico Capital Partners Founded 2013. Team size: 501-1000. ## The hard parts - Building a performant, WYSIWYG block-based document layout engine that exports clean PDFs - Implementing tamper-evident cryptographic signature sealing, ESIGN/UETA audit trails, and IP verification - State machine logic for complex multi-party signing orders and approval workflows - Bi-directional webhook syncing with enterprise CRMs like Salesforce and HubSpot ## How to vibe code PandaDoc ### Prerequisites - Node.js (free): Runtime environment for Next.js and backend services - GitHub (free): Source control and CI/CD deployment pipeline - Resend (free tier): Transactional email service for sending signature request notifications ### Recommended AI tools - Claude Code: Best-in-class terminal agent for scaffolding complex multi-file Next.js full-stack features - Cursor: AI-native code editor for fine-tuning the block-based editor UI and canvas components ### Stack - Frontend: Next.js with Tailwind CSS and shadcn/ui - Backend: Next.js App Router API Routes - Database: Turso (SQLite at the edge) - Auth: better-auth - Payments: Stripe - Other: Resend for email notifications, pdf-lib for document export ### Hosting - Vercel (Hosting Next.js frontend and serverless API endpoints): $0-20/mo - Turso (Serverless SQLite database for templates, documents, and audit logs): $0/mo ### Build guide 1. **Project Scaffolding and Database Schema** — Initialize the Next.js project with Tailwind CSS, configure Turso database with Drizzle ORM, and set up better-auth. ``` Create a new Next.js 16 app with TypeScript, Tailwind CSS, and App Router. Set up Turso database connectivity using Drizzle ORM. Define database schemas for users, workspaces, templates, documents, document_blocks, recipients, and audit_logs. Implement better-auth for secure credential authentication with email/password and session management. Ensure all migrations are clean and run locally. ``` 2. **Block-Based Document Editor** — Build a modular block-based drag-and-drop document editor supporting text blocks, image blocks, pricing tables, and signature placeholders. ``` Build a block-based drag-and-drop document editor component in Next.js using React. Support adding, reordering, and deleting blocks: rich text, images, pricing tables with dynamic items, and signature fields. Persist document state as JSON in the document_blocks table. Provide real-time auto-saving functionality with visual indicators. ``` 3. **Recipient Management and Signing Order** — Implement multi-recipient routing, signing order workflows, and secure signing link generation. ``` Implement a recipient management interface for documents. Allow users to add multiple recipients, set signing order sequences (sequential vs parallel), and assign specific signature, date, and text fields to each recipient. Generate secure, tokenized external signing links for recipients without requiring them to log into the main app. ``` 4. **External Signing View and eSignature Capture** — Build the public-facing recipient signing experience with canvas signature capture, IP tracking, and audit trail logging. ``` Create a public signing view page (`/sign/[token]`) where external recipients can review the document, fill in required fields, and draw or type their electronic signature. Capture recipient IP address, user agent, browser timestamp, and geolocation data. On submission, lock the document, update recipient status to 'Signed', append an entry to the audit_logs table, and trigger email notifications. ``` 5. **PDF Generation and Audit Certificate Export** — Implement server-side PDF compilation and immutable signature certificate generation. ``` Implement a server-side PDF generation route using `pdf-lib` or a headless browser rendering mechanism that converts completed document blocks and captured signatures into an immutable PDF file. Generate a companion Signature Certificate page detailing the audit trail (timestamps, IP addresses, email confirmations) and attach both to the completed document record. ``` 6. **Tracking, Analytics, and Polish** — Build the dashboard tracking views, notification hooks, and end-to-end UX polish. ``` Build a document tracking and analytics dashboard showing document statuses (Draft, Sent, Viewed, Completed, Declined), view counts, recipient interaction timestamps, and activity logs. Integrate Resend API to send automated email alerts when documents are viewed or signed. Add comprehensive error handling, loading states, and responsive styling across all views. ``` ### Cost vs paying **Starting costs (one-time):** - Custom domain (optional): $12/yr - AI coding tool subscription: $20 - Total: ~$32 one-time **Ongoing costs (monthly):** - Vercel Hobby / Turso / Resend: $0/mo - Total: $0/mo - Paying for the SaaS instead: $49/mo (Business tier) - Build time: 35-45 hours - AI tool credits: $20 (Claude Pro / Cursor) - Break-even: 0 (built for personal learning and custom workflow control) ## Sources - [PandaDoc Official Website & Pricing](https://pandadoc.com) - [PandaDoc Smart Content Documentation](https://pandadoc.com/features/smart-content/)