By the end of this guide you will have a fully running local instance of BaBel+ with its seeded philosophy and film graph, the React SPA hot-reloading in the browser, and a working API ready to accept your first node — all from a singleDocumentation Index
Fetch the complete documentation index at: https://mintlify.com/DrDigett/Babel/llms.txt
Use this file to discover all available pages before exploring further.
npm run dev command.
Prerequisites
- Node.js ≥ 18 — BaBel+ uses native ESM and
crypto.randomUUID(); older versions are not supported. - PostgreSQL — a local installation or a free cloud instance (e.g. Render, Supabase, or Neon) works equally well. You need a connection string of the form
postgresql://user:password@host:5432/dbname. - Groq API key — free tier is sufficient. Obtain one at https://console.groq.com.
Install dependencies
BaBel+ uses npm workspaces. A single install from the monorepo root resolves all packages —
@babel-plus/server, @babel-plus/client, and @babel-plus/shared — at once:Configure environment
The server reads its configuration from Then open
packages/server/.env. Copy the example file and fill in your values:packages/server/.env and set at minimum DATABASE_URL and GROQ_API_KEY:packages/server/.env
| Variable | Required | Description |
|---|---|---|
DATABASE_URL | ✅ | PostgreSQL connection string |
GROQ_API_KEY | ✅ | Groq API key for AI classification |
PORT | Optional | HTTP port for the Hono server (default 3000) |
CORS_ORIGIN | Optional | Allowed CORS origin (default *) |
JWT_SECRET | Optional | Secret for auth tokens (defaults to a dev-only fallback; always set in production) |
NODE_ENV | Optional | Set to production when serving the built SPA |
VITE_API_URL — if you need the React client to talk to an API server on a different host, create a .env file at the monorepo root (not inside packages/server/) and set VITE_API_URL=http://localhost:3000. In the default local dev setup this is not needed because Vite’s dev server already proxies all /api requests to http://localhost:3000 automatically.Run the development server
Start both the Hono API server and the Vite client dev server concurrently with a single command from the monorepo root:This runs Open http://localhost:5173 in your browser to explore the graph.
tsx watch src/index.ts for the server and vite for the client in parallel (via concurrently). On first boot, the server automatically:- Runs all pending SQL migrations to create the
nodes,relations,lists, andlist_nodestables. - Detects an empty database and runs the seed script (≈ 20 philosophy and film nodes with pre-built relations).
Create your first node
With the server running, add a book node via the REST API:A successful request returns
201 Created with the persisted node object, including its generated id, createdAt, and updatedAt timestamps. The node will immediately appear in both the list view and the force-directed graph canvas in your browser.Field reference:| Field | Type | Values |
|---|---|---|
title | string | Required. Display name of the node. |
type | string | Free-form string. Common values: libro, pelicula, articulo, video, curso, videojuego, autor, concepto. |
status | string | pendiente, en_progreso, terminado |
priority | string | baja, media, alta |
author | string | Optional. Author or creator name. |
year | number | Optional. Publication or release year. |
tags | string[] | Optional. Free-form classification labels. |
link | string | Optional. External URL. |
rating | number | Optional. Personal rating (1–5). |
What’s next
Nodes & Relations
Deep-dive into node types, relation semantics, and how the graph data model works.
AI Smart Add
Let Groq classify and connect a new node automatically from a single text prompt.