DEV Community

Momen profile image Cici Yu
Cici Yu for Momen

Posted on

How to Add a Real Backend to Claude Code Without Writing Code

#add #backend #claude #code

Claude Code is excellent at generating application code. What it doesn't provision on its own is the backend: the database, auth system, server-side logic, and hosted API. This guide shows how to fill that gap — by installing the Momen Plugin and using Claude Code to build your backend through conversation, then scaffold a React + Vite frontend against the live schema.

No manual backend setup. No leaving the session.

What the Plugin Does

The Momen Plugin for Claude Code bundles three components:

A momen-platform Skill — the interface through which Claude Code operates Momen: creating tables, configuring relations, setting up auth, adding Actionflows, and introspecting the generated schema. This is what lets the agent build your backend, not just read it.

A momen-mcp CLI — the execution layer. Runs via npx and handles table creation, schema codegen, typed GraphQL operations, and Actionflow calls. The agent orchestrates the CLI rather than calling Momen's APIs directly.

A SessionStart hook — verifies the backend connection and plugin version before your first prompt. Misconfiguration surfaces immediately, not mid-session.

The result: Claude Code can design and build a real Postgres backend through conversation, then immediately use that same backend to generate the frontend — in one uninterrupted session.

Step 1: Install the Momen Plugin

Option A: CLI (Recommended)

Inside a Claude Code session, run these two commands in sequence:

/plugin marketplace add momen-tech-org/momen-nocode-plugin
Enter fullscreen mode Exit fullscreen mode

This registers the Momen GitHub repository as a marketplace source. Then:

/plugin install momen-nocode@momen
Enter fullscreen mode Exit fullscreen mode

Run /reload-plugins to activate the plugin in the current session. Verify with /plugins — the Momen plugin should appear in the list.

Option B: GUI (Chat panel)

  • In a Claude Code chat, type /plugins
  • Select Manage plugins from the menu
  • Open the Marketplaces tab and enter momen-tech-org/momen-nocode-plugin as the GitHub repository URL
  • Switch to the Plugins tab
  • Find momen-nocode and click Install

Option C: GUI (Claude Code desktop app)

Step 2: Authenticate

Connect the plugin to your Momen account:

npx -y momen-mcp@latest login
Enter fullscreen mode Exit fullscreen mode

Follow the prompts. Your credentials are stored locally and used by the SessionStart hook at the start of every session.

Step 3: Create a Momen Project

Go to momen.app, create a free account, and start a new project. Once the project opens in the editor, copy the URL from your browser — it looks like this:

https://editor.momen.app/tool/YOUR_PROJECT_ID/WEB
Enter fullscreen mode Exit fullscreen mode

You'll paste this link into your prompts so the plugin knows which project to operate on.

Step 4: Build Your Backend

With the Plugin installed and authenticated, open a new Claude Code session. The SessionStart hook verifies the connection and loads the momen-nocode plugin automatically.

Tell Claude Code what you want to build:

Use the momen-nocode plugin to build the backend for a task management app —
users can sign up, create tasks, assign them to teammates, and track completion status.
My Momen project: https://editor.momen.app/tool/YOUR_PROJECT_ID/WEB
Enter fullscreen mode Exit fullscreen mode

Claude Code uses the Skill to call Momen's APIs — creating each table, configuring relations, setting up auth, and triggering a backend sync. The result isn't generated code files. It's a live, visual backend in Momen: tables and fields visible in the data model editor, Actionflows visible in the flow builder, and a typed GraphQL API ready to query. You can open Momen at any point to inspect or adjust what the agent built.

Step 5: Build the React + Vite Frontend

Once the backend is synced, continue in the same session:

Build a React + Vite frontend based on the Momen backend you just created.
Enter fullscreen mode Exit fullscreen mode

Claude Code introspects the schema it just built — every table, field type, relation, and Actionflow — and scaffolds a React + Vite app wired to the live Momen API. Field names are correct on the first pass because the agent is reading the real schema, not guessing at it.

Why the Plugin Form Beats a Bare MCP Server

A Postgres MCP server gives Claude Code the ability to run queries against an existing database — but it can't create the database, and it gives no guidance on backend patterns or server-side flows.

The Momen Plugin does three things a bare MCP server can't:

  • Builds, not just reads — the Skill teaches the agent how to create tables, configure auth, and set up Actionflows in Momen, not only how to query an existing schema
  • Reduces context overhead — the CLI handles execution, so Claude Code orchestrates one tool rather than choosing among many raw operations
  • Verifies the connection before you prompt — the SessionStart hook catches misconfiguration before you're deep in a session

The result: one Claude Code session takes you from empty project to a working app with a real Postgres backend and a React + Vite frontend — without writing any backend code and without manually configuring anything in the Momen editor.

For real examples of this workflow, From Hackathon Challenge to Auditable AI Research — Claude Code + Momen, How I Built a Legal Intake and Triage App with Claude Code and Momen Backend, and Build a Vector Search Cocktail Picker with Claude Code and Momen BaaS each show a complete session from Plugin install to a working app.

Top comments (0)