Documentation

Start with a working integration

Pagiera is an open-source visual website builder that runs inside your React and Next.js application. Your team edits pages visually, while your application owns authentication, data, storage and deployment.

The shortest path to a working editor

1. Check the runtime and service requirements.
2. Install the package and add the editor stylesheet.
3. Configure PostgreSQL and Redis.
4. Mount the Pagiera backend route.
5. Load the editor bootstrap on the server.
6. Protect the studio with your own authentication.
7. Save a draft, preview it and publish only after approval.

Continue with Getting started, then follow Next.js setup.

How the pieces fit together

The studio edits a page document. PostgreSQL stores that document, Redis caches published output, and the runtime renders approved pages from your own Next.js server. Request and Repeat blocks resolve before HTML is returned, so API-backed content remains available to crawlers and non-JavaScript clients.

Choose the guide you need

• First installation: begin with Getting started.
• App Router wiring: use Next.js setup.
• Dynamic content: read Dynamic routes and data.
• Going live: follow Preview and publish.
• Programmatic integration: open the API reference.
• Something failed: jump to Troubleshooting.

Explore the systems

Follow the studio workflow, browse the native block reference, and learn responsive design. Build shared components and layouts, connect forms, and add motion and interactions.

For programmatic work, read the document model, CLI guide, and AI and MCP guide. Before production, review revisions, fonts and assets, and deployment.

What changed

Read the changelog for verified source-tree changes and release availability notes.