ToolJet logo

How to vibe codeToolJet

Build Full-Stack Enterprise Apps in Minutes with AI

tooljet.ai

Developer Tools

42/ 100
Serious undertaking

The verdict: can you vibe code ToolJet?

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.

Estimated effort: 3-5 months of serious development

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

Founded

2021

Raised

$7.65M

Team

50-64

Cheapest paid tier

$0/mo

What ToolJet 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
  • Pro$79/mo
  • Team$199/mo
  • EnterpriseCustom

Funding

$7.65M from Nexus Venture Partners, M12 (Microsoft's Venture Fund / GitHub Fund), January Capital, Ratio Ventures, Better Capital

Pay vs build, cumulative

Break-even at month 1 — after that, every month is money kept.

The hard parts of vibe coding ToolJet

  • 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 vibecode ToolJet

Prerequisites

  • Node.jsfree

    Required for running the full-stack TypeScript build environment.

  • GitHubfree

    Source code repository and CI/CD deployment pipelines.

  • Anthropic API KeyPay-as-you-go (~$20/mo)

    Powers the AI app generation and code assistance features via Claude Sonnet.

AI coding tools

Recommended stack

FrontendNext.js
BackendNext.js Server Actions / API Routes
DatabaseNeon
Authbetter-auth
PaymentsNone
OtherVercel AI SDK, Tailwind CSS, Drizzle ORM

Hosting & infrastructure

VercelHosting the Next.js application frontend and serverless API endpoints.$0-20/mo
NeonServerless PostgreSQL database storage for application metadata and built-in table layers.$0/mo

Build guide

  1. 01Project 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. 02Authentication & 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. 03Visual 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. 04AI 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. 05Workflow 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. 06Internal 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. 07Integrations & 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 for ToolJet

What will you build it with?

Est. 12.5M in / 4.2M out tokens· Includes access to introductory usage of the default model with dynamic rate limits.$0

Starting total with Claude Code$0 one-time

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 ToolJet

$79/mo (Pro Plan)

Your time to build

80-120 hours

AI tool credits

~$20/mo (Claude Pro / API credits)

Break-even

1 month of Pro plan

Vibe code ToolJet: FAQ

Can you vibe code ToolJet yourself?
Serious undertaking — 42/100 vibecodeable. Build a personal subset for a single database and UI grid, or keep paying if you need 80+ production connectors.
How long does it take to vibe code ToolJet?
3-5 months of serious development — roughly 80-120 hours of hands-on time with an AI coding agent.
How do you build your own ToolJet?
Scoped to personal use: Next.js on the front, Next.js Server Actions / API Routes behind it, Neon for data. Follow the 7-step build guide on this page — each step has a paste-ready prompt for an AI coding agent.
How do you code your own ToolJet without being an expert?
Use an AI coding tool (Claude Code or Cursor) and work in small steps: scaffold, data model, core screens, then deploy. Realistic effort: 3-5 months of serious development. The prompts on this page are written so the AI does the heavy lifting.
How much does it cost to vibe code ToolJet instead of paying?
About ~$32 one-time to start and ~$10-30/mo to run, versus $79/mo (Pro Plan) for ToolJet. Break-even: 1 month of Pro plan.
What stack should you use to vibe code ToolJet?
Next.js; Next.js Server Actions / API Routes; Neon; plus Vercel AI SDK, Tailwind CSS, Drizzle ORM.

Sources

Alternatives & community builds

All alternatives →