Your AI knows it (stack pack)Starter and up

Prismic sites, with an AI that knows Prismic

Xodia detects Prismic on your site, lets the preview fetch your content, and gives your AI skills for models, slices, routes, previews and revalidation. You edit the page around the content visually; the documents stay in Prismic.

Start free Every integration

Free plan. 14-day Pro trial. No charge unless you choose a plan.

Rise BakerymainliveDesignContentCodeSavedSavePublish

Stack packsExtra know-how for your site's framework, styling, content system and host. Each site gets only the packs it needs; the highlighted ones are used on this site.

Content systems

SanityReady

Schemas, queries, images and references, and safe content changes.

ContentfulReady

Delivery and Preview APIs, Live Preview tags and updates, content types and rich text, and what changes in code.

StoryblokReady

SDK setup and region, React entry points, draft and published stories, the visual editor and safe preview tokens.

PrismicOn this site

Models with the Prismic CLI or Type Builder, routes in prismic.config.json, slices, previews and revalidation.

Git-based CMSReady

Keystatic, Decap and Tina: content stored as files in the repo, their config, media folders and dev commands.

Hosting

VercelOn this site

Preview and production deploys, environment variables and rollbacks.

NetlifyReady

Production and branch deploys, environment variables, redirects and rollbacks.

CloudflareReady

Pages and Workers builds, environment variables and rollbacks.

GitHub PagesReady

Deploys from GitHub Actions, base paths for project sites, the 404 page, and no redirect or header files.

Combinations

Next.js with SanityReady

Draft previews, live content, cached fetches and refresh on publish.

Astro with SanityReady

Sections editors control, previews and rebuilds on publish.

Next.js with PrismicOn this site

The shared client with previews, preview and revalidate routes, SEO fields in metadata and Prismic images.

Next.js with ContentfulReady

Draft mode with the Preview API, Live Preview in the editor, and fresh pages on publish.

Next.js with StoryblokReady

The server components entry, draft stories on the server, and the visual editor bridge only in preview.

Astro with StoryblokReady

The Storyblok integration, live preview with on-demand rendering, and published stories at build time.

Astro with ContentfulReady

Delivery or Preview API by environment, and a rebuild when editors publish.

What you can do

Your site and its content, each where it belongs

The preview shows your pages with real content. The Content tab doesn't edit Prismic documents yet, so content changes happen in Prismic and code changes in Xodia.

The live preview fetches from Prismic's APIs, which are allowed for the preview without setup
Edit the layout and the text written in your code on the canvas, as on any site
Ask your AI for code changes: models with the Prismic CLI or Type Builder, slices, routes in prismic.config.json and Prismic images
Skills for Next.js with Prismic: the shared client, preview and revalidate routes, and SEO fields in metadata

How to set it up

Your Prismic repository, read as your site reads it

Xodia reads Prismic the way your site does, with the variables it already uses.

Import your site. Xodia detects Prismic from its @prismicio packages or its prismic.config.json.
In Settings, Environment variables, add the access token your site reads if its repository is private, under the same name.
Start the preview: pages render with your Prismic content.
Ask your AI for a change. It loads the Prismic skills for your framework on its own.

Rise BakerymainliveDesignContentCodeSavedSavePublish

Project settings

GeneralPublishingRestore pointsAI agentCode and GitCustom codeEnvironment

Environment

Variables and the extra hosts the preview's dev server may use.

Environment variables

Given to the preview's dev server only. Values are encrypted and never shown to your agent or in Xodia again.

PRISMIC_ACCESS_TOKENhidden

NAMEValueAdd

Allowed hosts

The preview can reach package registries and the services your project uses (detected automatically). Add any other API its server calls, like api.example.com, or .example.com for every subdomain.

api.example.comAllow

Versions and skills

The versions it covers, and the skills your AI gets

When your AI works on the site, it loads Xodia's skills for this stack, written for the versions below.

Prismic skills
Starter and up
Models with the Prismic CLI or Type Builder, routes in prismic.config.json, slices, previews and revalidation.
Written for: Current @prismicio packages with the Prismic CLI and Type Builder (prismic.config.json); Slice Machine projects (slicemachine.config.json) as legacy. Next.js first, also Nuxt and SvelteKit.
Next.js with Prismic skills
Starter and up
The shared client with previews, preview and revalidate routes, SEO fields in metadata and Prismic images.
Written for: Next.js 14 to 16 App Router with @prismicio/next 2 and @prismicio/client 7; Pages Router through @prismicio/next/pages; @prismicio/next 1 sites as legacy.

Plans

Which plan you need

The Prismic skills come with Starter, Pro and Agency. The preview, the canvas and your AI work on every plan.

Free
CMS and host packs: not included
Starter
CMS and host packs: included
Pro
CMS and host packs: included
Agency
CMS and host packs: included

Limits

Good to know

The Content tab doesn't edit Prismic documents yet; edit them in Prismic
Xodia has no Prismic connection of its own: the preview uses the keys you add as environment variables
Text that comes from Prismic isn't edited in place on the canvas

Questions

Prismic questions

Can I edit Prismic documents in Xodia?

Not yet. The Content tab edits files in your repo and Sanity documents. For Prismic, edit documents in Prismic, and use Xodia for the site's code and layout.

Are my Prismic tokens safe?

They're stored encrypted, passed only to the preview's dev server, and never shown to your AI or in Xodia again.

Which frameworks do the skills cover?

Prismic on Next.js first, and also on Nuxt and SvelteKit, with extra skills for Next.js.

What if I want a CMS I can edit in Xodia?

Sanity documents and content kept in your repo open in the Content tab. See Sanity and git-based CMS.

Keep exploring

Bring your Prismic site, and an AI that knows it.

Start free See pricing

Prismic sites, with an AI that knows Prismic

Your site and its content, each where it belongs

Your Prismic repository, read as your site reads it

The versions it covers, and the skills your AI gets

Prismic skills

Next.js with Prismic skills

Which plan you need

Free

Starter

Pro

Agency