For developers

Drop into code when you need full control

Velo-style custom code, server-side scripts, and direct database access. The power of a developer platform inside a no-code builder.

cliux-page-builder/code-editor.ts
// /api/leads.ts — Server-side endpoint
import { cliux } from '@cliux/server'

export async function POST(req) {
  const { name, email, source } = await req.json()
  const lead = await cliux.crm.contacts.create({
    name, email, source,
    tags: ['inbound', source]
  })
  await cliux.emails.send({
    to: email,
    template: 'welcome-sequence'
  })
  return Response.json({ id: lead.id })
}

Why Code Editor

Velo-style power

Write JavaScript and TypeScript directly inside your site.

Server functions

Build API endpoints without leaving the editor.

Database queries

Direct access to your CMS collections.

Monaco editor

The same engine that powers VS Code, with IntelliSense.

Capabilities

Custom JavaScript

Run code on page load, button click, form submit, or any event.

Server-side scripts

Build APIs that run on Cliux infrastructure, not your visitors' browsers.

NPM packages

Install and use any NPM package directly in your site code.

Webhook builder

Listen to external events from Stripe, Zapier, or custom sources.

Database access

Query, mutate, and join CMS collections with a Prisma-like API.

Environment secrets

Store API keys safely with built-in secret management.

Frequently asked questions

Is this just for developers?

No-code builder is the default. Code is optional and you can drop in only when you need it.

Can I use TypeScript?

Yes. Full TypeScript support with auto-generated types for your CMS.

Can I deploy serverless functions?

Yes. Server endpoints run on our edge infrastructure globally.

How do I test my code?

Built-in preview environments with hot reload and console access.

Is there a Git integration?

Yes. Two-way sync with GitHub for version control.

Ready to try Code Editor?

Start free — no credit card required. Explore all features on any plan.