Integrations

Your tools. One workspace.

Connect the application you already own. Keep your data, choose your AI tools and bring your own access rules.

Built into your application

Your framework hosts the studio. Your services store the work. Your APIs supply the content.

  1. 01Your applicationReact / Next.js
  2. 02PagieraVisual studio + runtime
  3. 03Database · Cache · JSON APIsPostgreSQL / Redis / HTTP

All integrations08

8 integrations

  • Host integration

    Frameworks

    Next.js

    Mount the complete studio and backend inside your App Router application.

    Setup steps
    1. Install pagiera and import pagiera/full.css.
    2. Protect the Node.js API route with your application's session check.
    3. Load the server bootstrap, mount the studio and verify save after reload.
    Read the guide
  • Host integration

    Frameworks

    React

    Render native page documents with your host's resolved data and route context.

    Setup steps
    1. Load a published document through your protected server integration.
    2. Pass document, page styles, data and route context to the renderer.
    3. Verify the returned HTML; a standalone React app still needs a backend adapter.
    Read the guide
  • Required service

    Data & services

    PostgreSQL

    Keep pages, drafts, revisions and uploaded assets in your own database.

    Setup steps
    1. Provision a development database with schema initialization permissions.
    2. Set PAGIERA_POSTGRES_URL on the server and check the protected health endpoint.
    3. Save and reload a page; test backups before moving to production.
    Read the guide
  • Required service

    Data & services

    Redis

    Cache published pages and template bundles, and enforce AI request limits.

    Setup steps
    1. Provision a private Redis service reachable by your application server.
    2. Set PAGIERA_REDIS_URL as a server-only environment variable.
    3. Check health and publish a test page. Redis is a cache, not a database backup.
    Read the guide
  • Host integration

    Data & services

    JSON API

    Bring your CMS or application data into Request and Repeat blocks through JSON endpoints.

    Setup steps
    1. Add an approved JSON endpoint as a data source and inspect its response.
    2. Select the array path, such as $.items, and bind fields inside Repeat.
    3. Use a host-owned proxy for secrets; test empty, error and not-found responses.
    Read the guide
  • Optional

    AI & agents

    OpenRouter

    Enable Luma's AI generation with a server-side provider key and a model you choose.

    Setup steps
    1. Set OPENROUTER_API_KEY and OPENROUTER_MODEL on the server.
    2. Verify model access, provider billing and Redis rate limiting.
    3. Generate in a limited scope, inspect the layers and preview before publishing.
    Read the guide
  • Optional

    AI & agents

    MCP

    Discover tools from operator-configured MCP servers through authorized list and inspect operations.

    Setup steps
    1. Register approved stdio, HTTP or SSE servers in mcpServers.
    2. Implement authorizeMcp; discovery is denied without this check.
    3. Verify list and inspect access. Discovery does not automatically execute tools.
    Read the guide
  • Host integration

    Access

    Authentication

    Keep your current identity provider and enforce editor permissions in your application.

    Setup steps
    1. Implement a host session helper that checks editor permissions.
    2. Guard studio routes, preview routes and every API mutation.
    3. Sign out and verify access is rejected. There is no bundled identity provider.
    Read the guide