# How to Vibe Code Your Own ToolJet (and Stop Paying for It) > Build Full-Stack Enterprise Apps in Minutes with AI - Site: https://tooljet.ai - Category: Developer Tools - Verdict: **Serious undertaking** (42/100 vibecodeable) - Estimated effort: 3-5 months of serious development ## Verdict Build a personal subset for a single database and UI grid, or keep paying if you need 80+ production connectors. ToolJet is a massive, multi-subsystem engineering beast. While you can vibecode a simple Next.js CRUD app builder using AI agents in a few weekends, replicating an enterprise-grade internal tool platform involves building a secure server-side JS sandboxing runtime, a node-based workflow execution engine, and dozens of robust third-party API adapters. The connector maintenance burden alone makes this a serious multi-month undertaking for a solo developer. ### What you can't replicate - Ecosystem of 80+ maintained enterprise SaaS and database connectors - Air-gapped enterprise deployment bundles with certified SOC 2 compliance - Enterprise SCIM directory sync and multi-instance release governance ## What it does An open-source low-code/no-code platform for building internal enterprise apps, workflows, AI agents, and internal databases connected to 80+ data sources. ### Core features - AI App Builder (natural language to UI layouts and database schemas) - Node-based workflow automation canvas with loops and conditions - Internal spreadsheet-like database built on PostgreSQL - 80+ pre-built connectors for databases, APIs, and SaaS systems - AI Agent Builder with tool-calling capabilities - Granular role-based access control (RBAC) and page-level permissions - Custom JavaScript execution for workflows and UI bindings - Version control, releases, and multi-environment management ## The business ### Pricing - Free: $0/mo — For small teams to evaluate ToolJet - Pro: $79/mo — For growing teams needing flexibility and AI - Team: $199/mo — For teams building multiple internal tools - Enterprise: Custom — Unlimited end users, dedicated support, and custom deployment ### Funding $7.65M raised. - Seed Round (2021) - Seed Round (2023) - Seed Extension (2023) Investors: Nexus Venture Partners, M12 (Microsoft's Venture Fund / GitHub Fund), January Capital, Ratio Ventures, Better Capital Founded 2021. Team size: 50-64. ## The hard parts - Secure server-side sandboxing for arbitrary user-submitted JavaScript and SQL execution - Maintaining 80+ bi-directional external API connectors with pagination and token refreshes - Real-time canvas layout editing without state collisions or race conditions - Complex access governance matching page, component, and row-level security rules ## How to vibe code ToolJet ### Prerequisites - Node.js (free): Required for running the full-stack TypeScript build environment. - GitHub (free): Source code repository and CI/CD deployment pipelines. - Anthropic API Key (Pay-as-you-go (~$20/mo)): Powers the AI app generation and code assistance features via Claude Sonnet. ### Recommended AI tools - Claude Code: Best-in-class terminal agent for scaffolding full-stack applications and managing multi-file changes. - Cursor: Allows iterative UI adjustments and real-time review of generated frontend components. ### Stack - Frontend: Next.js - Backend: Next.js Server Actions / API Routes - Database: Neon - Auth: better-auth - Payments: None - Other: Vercel AI SDK, Tailwind CSS, Drizzle ORM ### Hosting - Vercel (Hosting the Next.js application frontend and serverless API endpoints.): $0-20/mo - Neon (Serverless PostgreSQL database storage for application metadata and built-in table layers.): $0/mo ### Build guide 1. **Project Scaffolding & Database Schema** — Initialize a Next.js 16 project with Tailwind CSS, Drizzle ORM, and connect to a serverless Neon PostgreSQL database. ``` Create a new Next.js 16 project using TypeScript, App Router, and Tailwind CSS. Configure Drizzle ORM to connect to a Neon PostgreSQL database via a DATABASE_URL environment variable. Define initial database schemas for 'applications' (id, name, json_definition, created_at), 'tables' (id, app_id, name, schema_json), and 'workflows' (id, app_id, nodes_json, edges_json). Set up a basic layout structure with a sidebar navigation dashboard and a dark-mode theme. ``` 2. **Authentication & Workspace Management** — Integrate better-auth for secure user registration, email login, and multi-tenant workspace separation. ``` Install and configure better-auth in the Next.js application with email/password authentication and session management. Generate the required database tables using Drizzle ORM. Create protected layout routes for authenticated dashboard views, ensuring users can only access their assigned workspaces and applications. Build clean sign-in and sign-up screens styled with Tailwind CSS. ``` 3. **Visual App Builder Canvas** — Build a drag-and-drop or property-configured component canvas where users can assemble internal UI dashboards. ``` Build an interactive app builder canvas page in the Next.js application. The UI should feature a left-hand component library sidebar (tables, buttons, text inputs, charts), a central drag-and-drop preview area, and a right-hand property inspector panel. Store the component tree state in React component state and persist JSON updates back to the 'applications' table via Server Actions whenever modifications are saved. ``` 4. **AI App Generation Integration** — Integrate the Vercel AI SDK to translate natural language prompts into app layouts and database table schemas. ``` Implement an AI prompt modal using the Vercel AI SDK and Anthropic API. When a user enters a plain-text prompt describing an internal tool (e.g. 'Bug tracker with status dropdowns'), send the prompt to Claude Sonnet with structured output instructions. Have the model return a JSON payload containing generated UI component layouts and table definitions, then automatically populate the canvas and create the corresponding database tables. ``` 5. **Workflow Automation & Node Canvas** — Create a node-based visual workflow builder for multi-step event triggers and logic execution. ``` Build a visual workflow automation canvas using a node-graph library. Support trigger nodes (webhooks, schedules), logic nodes (JavaScript evaluation, If/Else conditions), and action nodes (REST API calls, database inserts). Implement a backend execution engine that evaluates nodes sequentially, handles variable context passing between steps, and logs execution runs in a database table. ``` 6. **Internal Database Spreadsheet Layer** — Build a spreadsheet-like grid interface for managing PostgreSQL table rows directly inside the application. ``` Develop a spreadsheet-style data viewer and editor component using a virtualized table grid. Allow users to view, add, edit, and delete rows directly within tables created in the internal PostgreSQL database. Implement dynamic column type handling (text, number, boolean, select) and server-side pagination, sorting, and filtering via Drizzle queries. ``` 7. **Integrations & Secure Sandboxed Execution** — Add REST API connectors and a secure sandboxed execution environment for custom JavaScript snippets. ``` Create an integration module supporting custom REST API connectors with authentication headers and parameter mapping. Implement a secure server-side execution sandbox (using isolated-vm or secure worker runtimes) to safely run user-submitted JavaScript snippets and query transforms without allowing remote code execution against the host server. Build an execution results console to display logs and outputs. ``` ### Cost vs paying **Starting costs (one-time):** - Custom Domain (optional): $12/year - AI API Development Credits: $20 one-time - Total: ~$32 one-time **Ongoing costs (monthly):** - Vercel Hobby/Pro Hosting: $0-20/mo - Neon Postgres: $0/mo - Anthropic API Usage for AI Builder: ~$10/mo - Total: ~$10-30/mo - Paying for the SaaS instead: $79/mo (Pro Plan) - Build time: 80-120 hours - AI tool credits: ~$20/mo (Claude Pro / API credits) - Break-even: 1 month of Pro plan ## Sources - [ToolJet Official Website](https://tooljet.ai) - [SiliconANGLE - ToolJet Funding Coverage](https://siliconangle.com) - [Inc42 - ToolJet Funding & Financial Metrics Lookup](https://inc42.com) - [Tracxn - ToolJet Company Profile & Financial Data](https://tracxn.com)