Bolt.new AI and Monday.com integration: Step-by-Step Guide 2025

To integrate Bolt.new with Monday.com, you simply build a normal integration inside your Bolt project that calls Monday.com’s public GraphQL API using an API token stored in Bolt environment variables. Bolt itself doesn’t have a built‑in Monday connector — you integrate the same way you would in a normal Node/React app: send authenticated HTTP requests to Monday’s GraphQL endpoint, process the response, and expose it through your backend routes or UI. Monday authenticates via a personal API token or OAuth; Bolt.new supports both by storing secrets in its environment variable panel and using them in your server code.

 

What the integration actually is

 

You are writing backend code (usually Node.js inside Bolt.new) that sends HTTP requests to Monday.com’s GraphQL API. Monday’s API endpoint is always:

https://api.monday.com/v2

You authenticate by passing an Authorization header with a token. Bolt.new stores that token in an environment variable (for example MONDAY_API_TOKEN) so the token stays secret. Then your Bolt backend exposes routes like /api/monday/create-item or /api/monday/get-board that the Bolt UI component can call.

 

What you need before starting

 

• A Monday.com account.
• An API token (from Monday.com → Admin → API).
• A Bolt.new project with Node server code enabled.
• Your MONDAY_API_TOKEN set in Bolt.new’s environment variable settings.

 

Minimal working Monday.com request from Bolt backend

 

This is a real, valid working example of how your Bolt.new Node backend can call Monday:

// server/mondayClient.js

import fetch from "node-fetch";

const MONDAY_API = "https://api.monday.com/v2";

export async function mondayQuery(query, variables = {}) {
  const res = await fetch(MONDAY_API, {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      "Authorization": process.env.MONDAY_API_TOKEN // Must be set in Bolt env vars!
    },
    body: JSON.stringify({ query, variables })
  });

  const json = await res.json();

  if (json.errors) {
    console.error("Monday API error:", json.errors);
    throw new Error("Monday API returned errors");
  }

  return json.data;
}

 

Example: Get items from a Monday board

 

// server/routes/mondayRoutes.js

import express from "express";
import { mondayQuery } from "../mondayClient.js";

const router = express.Router();

router.get("/board-items", async (req, res) => {
  try {
    const query = `
      query($boardId: [ID!]!) {
        boards (ids: $boardId) {
          items {
            id
            name
          }
        }
      }
    `;

    const data = await mondayQuery(query, { boardId: 123456789 }); // replace with your board
    res.json(data);
  } catch (err) {
    res.status(500).json({ error: err.message });
  }
});

export default router;

 

Wiring it into Bolt.new UI

 

• Your front‑end (React in Bolt.new) calls /api/monday/board-items.
• You display results in a simple component.

// client/components/BoardItems.jsx

import { useEffect, useState } from "react";

export default function BoardItems() {
  const [items, setItems] = useState([]);

  useEffect(() => {
    fetch("/api/monday/board-items")
      .then(r => r.json())
      .then(data => setItems(data.boards?.[0]?.items || []));
  }, []);

  return (
    <div>
      <h3>Board Items</h3>
      <ul>
        {items.map(i => (
          <li key={i.id}>{i.name}</li>
        ))}
      </ul>
    </div>
  );
}

 

Auth notes (important)

 

• Personal API Token is easiest for quick Bolt.new prototypes.
• OAuth2 is required for production apps distributed to others. Monday supports standard OAuth; Bolt.new acts as a normal Node server with a redirect URL.
• Never hardcode tokens in client-side code — only in server env variables.

 

Webhook support (optional)

 

If you need Monday → Bolt.new callbacks, you create a normal Monday webhook pointing to a Bolt endpoint such as:

https://your-bolt-project/api/monday/webhook

Inside Bolt.new, that endpoint is just another Express route. Monday sends POST requests when items update. No special Bolt magic — it’s simply HTTP.

 

The mental model

 

• Bolt.new is the coding sandbox.
• Monday.com exposes a GraphQL API.
• You connect them using standard HTTP with a token stored in env vars.
• Your backend routes expose simple endpoints for your UI.

 

This is the simplest, correct, real-world way to integrate Bolt.new AI with Monday.com.