Prismic Toolbar playground

Preview off · Toolbar https://static.cdn.prismic.io/prismic.js?repo=prismic-main

developers

page · developers

main_hero default

eyebrow
null
eyebrow_color
null
heading

Visual for design. Precise for code

subheading

Prismic gives you a headless CMS, developer tooling, a CLI, and a page builder that fits into your existing stack.

image
Illustration of Prismic's code editor and content preview for developers

main_logotypes default

theme
Inherit from page
heading
[]
center_heading
false
remove_background
true

main_spacer addSpace

main_benefits imageTextRight

theme
Inherit from page
eyebrow
null
eyebrow_color
null
heading

Build Prismic sites with AI

subheading

Ask Claude, Cursor, ChatGPT, or Codex to create a Prismic site. The agent uses Prismic’s skill and CLI to set up the project, model your content, generate slices, and launch a local preview. Bringing over an existing site works the same way at a larger scale: the Migration API and Prismic MCP move content into Prismic, and let any AI tool your team already codes with read, edit, and populate content straight from your agent.

image
Prismic CLI running in a terminal to set up a new project
caption
null
stats
[]

main_spacer addSpace

main_features twoColumnsLargeImage

theme
Inherit from page
heading

Modern web development, simplified

subheading

Prismic takes the pain out of web development and lets you focus on building great websites.

image
slices library

main_spacer addSpace

main_features threeColumnsOneImage

theme
Inherit from page
heading

Why developers choose Prismic

subheading

Prismic is headless and built around slices, so you keep your stack and your team keeps its independence.

alternate_direction
false

main_spacer addSpace

main_features fourColumns

theme
Inherit from page
heading

Features that work for you

subheading

We designed Prismic to take care of the details and get the obstacles out of your way while you focus on the real work.

main_call_to_action compact

theme
Inherit from page
heading

Let’s go

subheading

It’s time to build. It only takes minutes to start your first project.

link
[
  {
    "link_type": "Web",
    "key": "da81c322-fd3c-4aa7-a597-dddf02193643",
    "url": "https://prismic.io/dashboard/signup",
    "text": "Start building",
    "variant": "primary"
  },
  {
    "id": "Y3UH2RAAACgAxXmd",
    "type": "page",
    "tags": [
      "Demo"
    ],
    "lang": "en-eu",
    "slug": "see-prismic-in-action",
    "first_publication_date": "2022-11-16T15:55:08+0000",
    "last_publication_date": "2026-09-18T11:48:59+0000",
    "uid": "demo",
    "link_type": "Document",
    "key": "d349109e-8635-4958-a940-ce9ee6e7de32",
    "isBroken": false,
    "text": "Get a demo",
    "variant": "secondary"
  }
]

main_testimonials reviewWall

theme
Inherit from page
heading

See why developers like to build with Prismic

subheading
[]
link
{
  "link_type": "Web",
  "key": "bb15e37f-e7d3-4c43-b7ad-815de27c7a64",
  "url": "https://www.g2.com/products/prismic-io/reviews",
  "target": "_blank"
}
link_label
Read more
featured_card
[
  {
    "logo": {
      "dimensions": {
        "width": 87,
        "height": 25
      },
      "alt": "Evri logo",
      "copyright": null,
      "url": "https://prismic-main.cdn.prismic.io/prismic-main/cfced707-af66-497f-9e15-a830211b160e_Evri.svg?auto=compress,format?auto=compress,format",
      "id": "ZD6paBAAACMAm9_m",
      "edit": {
        "x": 0,
        "y": 0,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "quote": [
      {
        "type": "paragraph",
        "text": "We have around 40 slices now, and a lot of them have variants. That covers almost everything. It's infrequent that we get a design and the content creators say that they don’t have what they need.",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "author": "Ciaran Green",
    "author_detail": "Technical Architect",
    "image": {
      "dimensions": {
        "width": 128,
        "height": 128
      },
      "alt": "Ciaran Green profile picture",
      "copyright": null,
      "url": "https://images.prismic.io/prismic-main/6536249cfbd9a45bcec822b8_CiaranGreen.jpg?auto=format%2Ccompress&rect=0%2C504%2C3024%2C3024&w=128&h=128",
      "id": "ZTYknPvZpFvOyCK4",
      "edit": {
        "x": 0,
        "y": 504,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "color": "purple"
  }
]
wide_cards
[
  {
    "quote": [
      {
        "type": "paragraph",
        "text": "Prismic drastically reduces the time required to build and update pages, which has sped up our project timelines and allowed us to react quickly to market demands.",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "image": {
      "dimensions": {
        "width": 128,
        "height": 128
      },
      "alt": "5-star rating icon",
      "copyright": null,
      "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mpiol0Zci9Zl9_Frame1400002218.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
      "id": "Zk9mpiol0Zci9Zl9",
      "edit": {
        "x": 0,
        "y": 0,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "author": "Bret S.",
    "author_detail": "Senior Product Manager",
    "link": {
      "link_type": "Web",
      "key": "caa7fc7e-2035-41df-b508-1a95451fedf3",
      "url": "https://www.g2.com/products/prismic-io/reviews/prismic-io-review-9508303",
      "target": "_blank"
    }
  },
  {
    "quote": [
      {
        "type": "paragraph",
        "text": "The ability to build pages from \"slices\" is a great way of being able to provide a page-builder experience for fully custom components.",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "image": {
      "dimensions": {
        "width": 128,
        "height": 128
      },
      "alt": "5-star rating icon",
      "copyright": null,
      "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mpyol0Zci9Zl-_Frame1400002219.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
      "id": "Zk9mpyol0Zci9Zl-",
      "edit": {
        "x": 0,
        "y": 0,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "author": "Tristam G.",
    "author_detail": "Digital Design Lead",
    "link": {
      "link_type": "Web",
      "key": "dd030034-0664-4a1a-b57d-abeaad3860e0",
      "url": "https://www.g2.com/products/prismic-io/reviews/prismic-io-review-9119902",
      "target": "_blank"
    }
  },
  {
    "quote": [
      {
        "type": "paragraph",
        "text": "The ability to quickly create and deploy web pages using the intuitive Page Builder aligns perfectly with our fast-paced marketing demands.",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "image": {
      "dimensions": {
        "width": 128,
        "height": 128
      },
      "alt": "5-star rating icon",
      "copyright": null,
      "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mqCol0Zci9Zl__Frame1400002222.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
      "id": "Zk9mqCol0Zci9Zl_",
      "edit": {
        "x": 0,
        "y": 0,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "author": "Victor E.",
    "author_detail": "Kioskchef",
    "link": {
      "link_type": "Web",
      "key": "d57df196-7a06-4f1c-ac81-4a251fb6355d",
      "url": "https://www.g2.com/products/prismic-io/reviews/prismic-io-review-9094667",
      "target": "_blank"
    }
  },
  {
    "quote": [
      {
        "type": "paragraph",
        "text": "Building content pages using slices and organising everything into sections and subsections couldn't be simpler for content writers.",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "image": {
      "dimensions": {
        "width": 128,
        "height": 128
      },
      "alt": "5-star rating icon",
      "copyright": null,
      "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mpiol0Zci9Zl9_Frame1400002218.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
      "id": "Zk9mpiol0Zci9Zl9",
      "edit": {
        "x": 0,
        "y": 0,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "author": "Daniel H.",
    "author_detail": null,
    "link": {
      "link_type": "Web",
      "key": "24c8c522-0246-44d1-b01e-7ecfe87dc284",
      "url": "https://www.g2.com/products/prismic-io/reviews/prismic-io-review-8814572",
      "target": "_blank"
    }
  }
]
small_cards
[
  {
    "quote": [
      {
        "type": "paragraph",
        "text": "Prismic has allowed us to streamline the scaling of the website.",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "image": {
      "dimensions": {
        "width": 128,
        "height": 128
      },
      "alt": "5-star rating icon",
      "copyright": null,
      "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mpiol0Zci9Zl9_Frame1400002218.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
      "id": "Zk9mpiol0Zci9Zl9",
      "edit": {
        "x": 0,
        "y": 0,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "author": "Kris B.",
    "author_detail": null
  },
  {
    "quote": [
      {
        "type": "paragraph",
        "text": "Prismic is the most user-friendly and flexible CMS I have used.",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "image": {
      "dimensions": {
        "width": 128,
        "height": 128
      },
      "alt": "5-star rating icon",
      "copyright": null,
      "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mpyol0Zci9Zl-_Frame1400002219.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
      "id": "Zk9mpyol0Zci9Zl-",
      "edit": {
        "x": 0,
        "y": 0,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "author": "Chloe B.",
    "author_detail": null
  },
  {
    "quote": [
      {
        "type": "paragraph",
        "text": "Simplicity is all I want and Prismic delivers it.",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "image": {
      "dimensions": {
        "width": 128,
        "height": 128
      },
      "alt": "5-star rating icon",
      "copyright": null,
      "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mqCol0Zci9Zl__Frame1400002222.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
      "id": "Zk9mqCol0Zci9Zl_",
      "edit": {
        "x": 0,
        "y": 0,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "author": "Brennan T.",
    "author_detail": null
  },
  {
    "quote": [
      {
        "type": "paragraph",
        "text": "Easy to use and navigate.",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "image": {
      "dimensions": {
        "width": 128,
        "height": 128
      },
      "alt": "5-star rating icon",
      "copyright": null,
      "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mpyol0Zci9Zl-_Frame1400002219.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
      "id": "Zk9mpyol0Zci9Zl-",
      "edit": {
        "x": 0,
        "y": 0,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "author": "Joyce J.",
    "author_detail": "Enterprise"
  }
]

main_features default

theme
Inherit from page
heading

Resources

subheading

We have the resources to help anyone be successful with Prismic.

Document data
{
  "theme": "dark",
  "hide_global_banner": false,
  "slices": [
    {
      "variation": "default",
      "version": "initial",
      "items": [
        {
          "link": {
            "link_type": "Web",
            "key": "156b97a9-a220-4bbb-aa36-a996994f819a",
            "url": "https://prismic.io/dashboard/signup"
          },
          "link_label": "Start building",
          "link_style": "primary"
        },
        {
          "link": {
            "link_type": "Web",
            "key": "48a2a763-9504-4fa8-8b03-31256c2eb2d3",
            "url": "https://prismic.io/docs"
          },
          "link_label": "View documentation",
          "link_style": "secondary"
        }
      ],
      "primary": {
        "eyebrow": null,
        "eyebrow_color": null,
        "heading": [
          {
            "type": "heading1",
            "text": "Visual for design. Precise for code",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [
          {
            "type": "paragraph",
            "text": "Prismic gives you a headless CMS, developer tooling, a CLI, and a page builder that fits into your existing stack.",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "image": {
          "dimensions": {
            "width": 1248,
            "height": 936
          },
          "alt": "Illustration of Prismic's code editor and content preview for developers",
          "copyright": null,
          "url": "https://images.prismic.io/prismic-main/YTxYZ05ELsD5iJSJ_developers.png?auto=format,compress",
          "id": "YTxYZ05ELsD5iJSJ",
          "edit": {
            "x": 0,
            "y": 0,
            "zoom": 1,
            "background": "transparent"
          }
        }
      },
      "id": "main_hero$34060b87-b108-4f50-955d-8bf66fb67b77",
      "slice_type": "main_hero",
      "slice_label": null
    },
    {
      "variation": "default",
      "version": "initial",
      "items": [
        {
          "logotype": {
            "dimensions": {
              "width": 105,
              "height": 32
            },
            "alt": "Paddle logo",
            "copyright": null,
            "url": "https://prismic-main.cdn.prismic.io/prismic-main/29de82d7-a62a-4b75-8a61-5bd7d4b3d44d_paddle-logo.svg",
            "id": "Y76RAxEAACYAasuE",
            "edit": {
              "x": 0,
              "y": 0,
              "zoom": 1,
              "background": "transparent"
            }
          }
        },
        {
          "logotype": {
            "dimensions": {
              "width": 101,
              "height": 48
            },
            "alt": null,
            "copyright": null,
            "url": "https://prismic-main.cdn.prismic.io/prismic-main/Z9rEODiBA97Giprk_glovo.svg",
            "id": "Z9rEODiBA97Giprk",
            "edit": {
              "x": 0,
              "y": 0,
              "zoom": 1,
              "background": "transparent"
            }
          }
        },
        {
          "logotype": {
            "dimensions": {
              "width": 95,
              "height": 48
            },
            "alt": null,
            "copyright": null,
            "url": "https://prismic-main.cdn.prismic.io/prismic-main/Z9rEPDiBA97Giprr_ski.com.svg",
            "id": "Z9rEPDiBA97Giprr",
            "edit": {
              "x": 0,
              "y": 0,
              "zoom": 1,
              "background": "transparent"
            }
          }
        },
        {
          "logotype": {
            "dimensions": {
              "width": 72,
              "height": 48
            },
            "alt": null,
            "copyright": null,
            "url": "https://prismic-main.cdn.prismic.io/prismic-main/Z9rENziBA97Giprj_evri.svg",
            "id": "Z9rENziBA97Giprj",
            "edit": {
              "x": 0,
              "y": 0,
              "zoom": 1,
              "background": "transparent"
            }
          }
        },
        {
          "logotype": {
            "dimensions": {
              "width": 70,
              "height": 48
            },
            "alt": null,
            "copyright": null,
            "url": "https://prismic-main.cdn.prismic.io/prismic-main/aj0Bw1bRV8_Qf3jh_mcdonalds.svg",
            "id": "aj0Bw1bRV8_Qf3jh",
            "edit": {
              "x": 0,
              "y": 0,
              "zoom": 1,
              "background": "transparent"
            }
          }
        }
      ],
      "primary": {
        "theme": "Inherit from page",
        "heading": [],
        "center_heading": false,
        "remove_background": true
      },
      "id": "main_logotypes$8615cd73-1d4c-4461-90cc-ee03579fe7a8",
      "slice_type": "main_logotypes",
      "slice_label": null
    },
    {
      "variation": "addSpace",
      "version": "initial",
      "items": [],
      "primary": {},
      "id": "main_spacer$bae8726b-a497-4cb2-bfc5-a19344419384",
      "slice_type": "main_spacer",
      "slice_label": null
    },
    {
      "variation": "imageTextRight",
      "version": "initial",
      "items": [
        {
          "link": {
            "link_type": "Web",
            "key": "05f8ea3f-3b53-4b41-bd49-0dd251c09bab",
            "url": "https://prismic.io/cli"
          },
          "link_style": "secondary",
          "link_label": "Explore Prismic's CLI"
        }
      ],
      "primary": {
        "theme": "Inherit from page",
        "eyebrow": null,
        "eyebrow_color": null,
        "heading": [
          {
            "type": "heading2",
            "text": "Build Prismic sites with AI",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [
          {
            "type": "paragraph",
            "text": "Ask Claude, Cursor, ChatGPT, or Codex to create a Prismic site. The agent uses Prismic’s skill  and CLI  to set up the project, model your content, generate slices, and launch a local preview. Bringing over an existing site works the same way at a larger scale: the Migration API and Prismic MCP move content into Prismic, and let any AI tool your team already codes with read, edit, and populate content straight from your agent.",
            "spans": [
              {
                "start": 89,
                "end": 94,
                "type": "hyperlink",
                "data": {
                  "link_type": "Web",
                  "url": "https://prismic.io/docs/ai#install-the-skill",
                  "target": "_blank"
                }
              }
            ],
            "direction": "ltr"
          }
        ],
        "image": {
          "dimensions": {
            "width": 1600,
            "height": 1200
          },
          "alt": "Prismic CLI running in a terminal to set up a new project",
          "copyright": null,
          "url": "https://images.prismic.io/prismic-main/l2jhAUMxPh3Gfbrh_clihero.png?auto=format,compress&rect=0,0,1248,936&w=1600&h=1200",
          "id": "l2jhAUMxPh3Gfbrh",
          "edit": {
            "x": 0,
            "y": 0,
            "zoom": 1,
            "background": "transparent"
          }
        },
        "caption": null,
        "stats": []
      },
      "id": "main_benefits$8dcda806-814b-4683-8e28-82477f09b0d7",
      "slice_type": "main_benefits",
      "slice_label": null
    },
    {
      "variation": "addSpace",
      "version": "initial",
      "items": [],
      "primary": {},
      "id": "main_spacer$e0a5b0af-4b4d-4ae5-a318-b86e6a480448",
      "slice_type": "main_spacer",
      "slice_label": null
    },
    {
      "variation": "twoColumnsLargeImage",
      "version": "initial",
      "items": [
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Think in website sections",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Fundamentally, a website is just a stack of horizontal sections. In Prismic, we call these sections “slices.” Slices are the building blocks of your website: from heroes to footers. Each slice is a customizable section that you can use to compose new pages while preserving the integrity of your website’s overall design.",
              "spans": [],
              "direction": "ltr"
            }
          ]
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Build components",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Every piece of your website is a component. So as a developer, you're not just building a website, you're building a component library. Prismic lets you develop those components visually, right in your codebase. Whether you're on Next.js, Nuxt, or SvelteKit, the integration is smooth.",
              "spans": [],
              "direction": "ltr"
            }
          ]
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Automate API connection",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "As you build out your sections, Prismic auto-generates the data models, types, and mocks behind the scenes. Content created in the CMS flows straight into your application through our API (no extra configuration needed).",
              "spans": [],
              "direction": "ltr"
            }
          ]
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Hand it to your team",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Once your components are ready, push them to Prismic's Page Builder. Your content team can manage, edit, and preview content there, in real time, no dev involvement needed. As they write, that content lives on Prismic's servers, ready to serve to your site on the next API call.",
              "spans": [],
              "direction": "ltr"
            }
          ]
        }
      ],
      "primary": {
        "theme": "Inherit from page",
        "heading": [
          {
            "type": "heading2",
            "text": "Modern web development, simplified",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [
          {
            "type": "paragraph",
            "text": "Prismic takes the pain out of web development and lets you focus on building great websites.",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "image": {
          "dimensions": {
            "width": 1664,
            "height": 613
          },
          "alt": "slices library",
          "copyright": null,
          "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zbtg1PkBWJp-Kl2n_prismic_slices_editable1.svg",
          "id": "Zbtg1PkBWJp-Kl2n",
          "edit": {
            "x": 0,
            "y": 0,
            "zoom": 1,
            "background": "transparent"
          }
        }
      },
      "id": "main_features$8c2a647a-0ef4-4f6c-9130-8aed00e34c12",
      "slice_type": "main_features",
      "slice_label": null
    },
    {
      "variation": "addSpace",
      "version": "initial",
      "items": [],
      "primary": {},
      "id": "main_spacer$c5abe622-d823-406d-a0f3-1b41a5c4ecab",
      "slice_type": "main_spacer",
      "slice_label": null
    },
    {
      "variation": "threeColumnsOneImage",
      "version": "initial",
      "items": [
        {
          "heading": [
            {
              "type": "heading3",
              "text": "It's headless",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Prismic works with the frameworks you already use, including Next.js, Nuxt, and SvelteKit. Your content and code stay in your stack, not locked behind a proprietary builder.",
              "spans": [
                {
                  "start": 61,
                  "end": 68,
                  "type": "hyperlink",
                  "data": {
                    "link_type": "Web",
                    "url": "https://prismic.io/nextjs-cms",
                    "target": "_self"
                  }
                },
                {
                  "start": 70,
                  "end": 74,
                  "type": "hyperlink",
                  "data": {
                    "link_type": "Web",
                    "url": "https://prismic.io/nuxt-cms",
                    "target": "_self"
                  }
                },
                {
                  "start": 80,
                  "end": 89,
                  "type": "hyperlink",
                  "data": {
                    "link_type": "Web",
                    "url": "https://prismic.io/sveltekit-cms",
                    "target": "_self"
                  }
                }
              ],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "image": {
            "dimensions": {
              "width": 600,
              "height": 672
            },
            "alt": "Development frameworks logos",
            "copyright": null,
            "url": "https://prismic-main.cdn.prismic.io/prismic-main/3AVXcSDdbXOQgwqP_framework_logos_vertical.svg",
            "id": "3AVXcSDdbXOQgwqP",
            "edit": {
              "x": 0,
              "y": 144,
              "zoom": 1,
              "background": "transparent"
            }
          },
          "link": {
            "link_type": "Any"
          },
          "link_label": null
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Migrate a whole site with AI",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "The Migration API and Prismic MCP move an existing site's content into Prismic without hand-entering it page by page. Once the project is set up, any AI tool your team already codes with can read, edit, and populate content directly.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "image": {},
          "link": {
            "link_type": "Any"
          },
          "link_label": null
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Slices give marketing real independence",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Slices let marketers build pages without breaking your design, going off-brand, or filing a ticket with you. You build the slices once; they reuse it as many times as they need.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "image": {},
          "link": {
            "link_type": "Any"
          },
          "link_label": null
        }
      ],
      "primary": {
        "theme": "Inherit from page",
        "heading": [
          {
            "type": "heading2",
            "text": "Why developers choose Prismic",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [
          {
            "type": "paragraph",
            "text": "Prismic is headless and built around slices, so you keep your stack and your team keeps its independence.",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "alternate_direction": false
      },
      "id": "main_features$f168fa63-15a4-4831-9761-037f3942ca11",
      "slice_type": "main_features",
      "slice_label": null
    },
    {
      "variation": "addSpace",
      "version": "initial",
      "items": [],
      "primary": {},
      "id": "main_spacer$bd465a04-4d7a-49e0-afcf-a5e6e7e88f18",
      "slice_type": "main_spacer",
      "slice_label": null
    },
    {
      "variation": "fourColumns",
      "version": "initial",
      "items": [
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Hosted",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "The Prismic team maintains both the software and infrastructure so you can start working on your projects immediately.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "link": {
            "link_type": "Any"
          },
          "link_label": null
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Fast API, simple to use",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Our API is backed by a CDN, sending content to your users in milliseconds no matter where they are in the world. It’s also easy to use through our TypeScript client’s intuitive interface.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "link": {
            "link_type": "Any"
          },
          "link_label": null
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Built-in image optimization",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Images are compressed and optimized on-the-fly using Prismic’s built-in imgix integration so you can save time when building your website or improving performance and SEO.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "link": {
            "link_type": "Any"
          },
          "link_label": null
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "TypeScript-first",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "We’ve designed all our SDKs for TypeScript, including accurate types, in-editor documentation via TSDoc, and code completion with IntelliSense. And even if you’re using JavaScript, you’ll still get all of these benefits.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "link": {
            "link_type": "Any"
          },
          "link_label": null
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Small and efficient SDKs",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "All Prismic’s SDKs are fully tested and well maintained. They are performant and small: bundled with modern tools so you have more kilobytes for what matters the most - your website code.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "link": {
            "link_type": "Any"
          },
          "link_label": null
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Migration API",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Experience a smooth content migration with Prismic's Migration API.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "link": {
            "link_type": "Web",
            "key": "33837738-7b24-4e98-a580-7fdb225cf578",
            "url": "https://prismic.io/features/migration"
          },
          "link_label": "Explore migration API"
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Environments",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Deploy critical website changes with confidence.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "link": {
            "link_type": "Web",
            "key": "6d0df5d7-773d-4ccc-bd71-225f94d11129",
            "url": "https://prismic.io/features/environments"
          },
          "link_label": "Explore environments"
        }
      ],
      "primary": {
        "theme": "Inherit from page",
        "heading": [
          {
            "type": "heading2",
            "text": "Features that work for you",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [
          {
            "type": "paragraph",
            "text": "We designed Prismic to take care of the details and get the obstacles out of your way while you focus on the real work.",
            "spans": [],
            "direction": "ltr"
          }
        ]
      },
      "id": "main_features$7dd488eb-ecdb-4c24-afc9-a01b374c1051",
      "slice_type": "main_features",
      "slice_label": null
    },
    {
      "variation": "compact",
      "version": "initial",
      "items": [],
      "primary": {
        "theme": "Inherit from page",
        "heading": [
          {
            "type": "heading2",
            "text": "Let’s go",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [
          {
            "type": "paragraph",
            "text": "It’s time to build. It only takes minutes to start your first project.",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "link": [
          {
            "link_type": "Web",
            "key": "da81c322-fd3c-4aa7-a597-dddf02193643",
            "url": "https://prismic.io/dashboard/signup",
            "text": "Start building",
            "variant": "primary"
          },
          {
            "id": "Y3UH2RAAACgAxXmd",
            "type": "page",
            "tags": [
              "Demo"
            ],
            "lang": "en-eu",
            "slug": "see-prismic-in-action",
            "first_publication_date": "2022-11-16T15:55:08+0000",
            "last_publication_date": "2026-09-18T11:48:59+0000",
            "uid": "demo",
            "link_type": "Document",
            "key": "d349109e-8635-4958-a940-ce9ee6e7de32",
            "isBroken": false,
            "text": "Get a demo",
            "variant": "secondary"
          }
        ]
      },
      "id": "main_call_to_action$06e8aa82-65d4-492a-8931-1d68107fd8c1",
      "slice_type": "main_call_to_action",
      "slice_label": null
    },
    {
      "variation": "reviewWall",
      "version": "initial",
      "items": [],
      "primary": {
        "theme": "Inherit from page",
        "heading": [
          {
            "type": "heading2",
            "text": "See why developers like to build with Prismic",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [],
        "link": {
          "link_type": "Web",
          "key": "bb15e37f-e7d3-4c43-b7ad-815de27c7a64",
          "url": "https://www.g2.com/products/prismic-io/reviews",
          "target": "_blank"
        },
        "link_label": "Read more",
        "featured_card": [
          {
            "logo": {
              "dimensions": {
                "width": 87,
                "height": 25
              },
              "alt": "Evri logo",
              "copyright": null,
              "url": "https://prismic-main.cdn.prismic.io/prismic-main/cfced707-af66-497f-9e15-a830211b160e_Evri.svg?auto=compress,format?auto=compress,format",
              "id": "ZD6paBAAACMAm9_m",
              "edit": {
                "x": 0,
                "y": 0,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "quote": [
              {
                "type": "paragraph",
                "text": "We have around 40 slices now, and a lot of them have variants. That covers almost everything. It's infrequent that we get a design and the content creators say that they don’t have what they need.",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "author": "Ciaran Green",
            "author_detail": "Technical Architect",
            "image": {
              "dimensions": {
                "width": 128,
                "height": 128
              },
              "alt": "Ciaran Green profile picture",
              "copyright": null,
              "url": "https://images.prismic.io/prismic-main/6536249cfbd9a45bcec822b8_CiaranGreen.jpg?auto=format%2Ccompress&rect=0%2C504%2C3024%2C3024&w=128&h=128",
              "id": "ZTYknPvZpFvOyCK4",
              "edit": {
                "x": 0,
                "y": 504,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "color": "purple"
          }
        ],
        "wide_cards": [
          {
            "quote": [
              {
                "type": "paragraph",
                "text": "Prismic drastically reduces the time required to build and update pages, which has sped up our project timelines and allowed us to react quickly to market demands.",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "image": {
              "dimensions": {
                "width": 128,
                "height": 128
              },
              "alt": "5-star rating icon",
              "copyright": null,
              "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mpiol0Zci9Zl9_Frame1400002218.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
              "id": "Zk9mpiol0Zci9Zl9",
              "edit": {
                "x": 0,
                "y": 0,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "author": "Bret S.",
            "author_detail": "Senior Product Manager",
            "link": {
              "link_type": "Web",
              "key": "caa7fc7e-2035-41df-b508-1a95451fedf3",
              "url": "https://www.g2.com/products/prismic-io/reviews/prismic-io-review-9508303",
              "target": "_blank"
            }
          },
          {
            "quote": [
              {
                "type": "paragraph",
                "text": "The ability to build pages from \"slices\" is a great way of being able to provide a page-builder experience for fully custom components.",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "image": {
              "dimensions": {
                "width": 128,
                "height": 128
              },
              "alt": "5-star rating icon",
              "copyright": null,
              "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mpyol0Zci9Zl-_Frame1400002219.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
              "id": "Zk9mpyol0Zci9Zl-",
              "edit": {
                "x": 0,
                "y": 0,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "author": "Tristam G.",
            "author_detail": "Digital Design Lead",
            "link": {
              "link_type": "Web",
              "key": "dd030034-0664-4a1a-b57d-abeaad3860e0",
              "url": "https://www.g2.com/products/prismic-io/reviews/prismic-io-review-9119902",
              "target": "_blank"
            }
          },
          {
            "quote": [
              {
                "type": "paragraph",
                "text": "The ability to quickly create and deploy web pages using the intuitive Page Builder aligns perfectly with our fast-paced marketing demands.",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "image": {
              "dimensions": {
                "width": 128,
                "height": 128
              },
              "alt": "5-star rating icon",
              "copyright": null,
              "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mqCol0Zci9Zl__Frame1400002222.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
              "id": "Zk9mqCol0Zci9Zl_",
              "edit": {
                "x": 0,
                "y": 0,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "author": "Victor E.",
            "author_detail": "Kioskchef",
            "link": {
              "link_type": "Web",
              "key": "d57df196-7a06-4f1c-ac81-4a251fb6355d",
              "url": "https://www.g2.com/products/prismic-io/reviews/prismic-io-review-9094667",
              "target": "_blank"
            }
          },
          {
            "quote": [
              {
                "type": "paragraph",
                "text": "Building content pages using slices and organising everything into sections and subsections couldn't be simpler for content writers.",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "image": {
              "dimensions": {
                "width": 128,
                "height": 128
              },
              "alt": "5-star rating icon",
              "copyright": null,
              "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mpiol0Zci9Zl9_Frame1400002218.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
              "id": "Zk9mpiol0Zci9Zl9",
              "edit": {
                "x": 0,
                "y": 0,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "author": "Daniel H.",
            "author_detail": null,
            "link": {
              "link_type": "Web",
              "key": "24c8c522-0246-44d1-b01e-7ecfe87dc284",
              "url": "https://www.g2.com/products/prismic-io/reviews/prismic-io-review-8814572",
              "target": "_blank"
            }
          }
        ],
        "small_cards": [
          {
            "quote": [
              {
                "type": "paragraph",
                "text": "Prismic has allowed us to streamline the scaling of the website.",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "image": {
              "dimensions": {
                "width": 128,
                "height": 128
              },
              "alt": "5-star rating icon",
              "copyright": null,
              "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mpiol0Zci9Zl9_Frame1400002218.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
              "id": "Zk9mpiol0Zci9Zl9",
              "edit": {
                "x": 0,
                "y": 0,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "author": "Kris B.",
            "author_detail": null
          },
          {
            "quote": [
              {
                "type": "paragraph",
                "text": "Prismic is the most user-friendly and flexible CMS I have used.",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "image": {
              "dimensions": {
                "width": 128,
                "height": 128
              },
              "alt": "5-star rating icon",
              "copyright": null,
              "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mpyol0Zci9Zl-_Frame1400002219.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
              "id": "Zk9mpyol0Zci9Zl-",
              "edit": {
                "x": 0,
                "y": 0,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "author": "Chloe B.",
            "author_detail": null
          },
          {
            "quote": [
              {
                "type": "paragraph",
                "text": "Simplicity is all I want and Prismic delivers it.",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "image": {
              "dimensions": {
                "width": 128,
                "height": 128
              },
              "alt": "5-star rating icon",
              "copyright": null,
              "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mqCol0Zci9Zl__Frame1400002222.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
              "id": "Zk9mqCol0Zci9Zl_",
              "edit": {
                "x": 0,
                "y": 0,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "author": "Brennan T.",
            "author_detail": null
          },
          {
            "quote": [
              {
                "type": "paragraph",
                "text": "Easy to use and navigate.",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "image": {
              "dimensions": {
                "width": 128,
                "height": 128
              },
              "alt": "5-star rating icon",
              "copyright": null,
              "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zk9mpyol0Zci9Zl-_Frame1400002219.svg?rect=0%2C0%2C48%2C48&w=128&h=128?auto=compress,format?auto=compress,format",
              "id": "Zk9mpyol0Zci9Zl-",
              "edit": {
                "x": 0,
                "y": 0,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "author": "Joyce J.",
            "author_detail": "Enterprise"
          }
        ]
      },
      "id": "main_testimonials$18f0c5e3-df75-4590-97cc-bd6276a49dfb",
      "slice_type": "main_testimonials",
      "slice_label": null
    },
    {
      "variation": "default",
      "version": "initial",
      "items": [
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Level up",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Access all the resources you need to grow your skills and optimize your stack.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "green",
          "link": {
            "id": "ZO8F0REAACsARjYc",
            "type": "blog_home",
            "tags": [],
            "lang": "en-eu",
            "slug": "blog-home",
            "first_publication_date": "2023-08-30T09:04:14+0000",
            "last_publication_date": "2026-09-18T09:38:37+0000",
            "link_type": "Document",
            "key": "23122052-475d-49b3-bba7-7cbc847b7b7a",
            "isBroken": false
          },
          "link_label": "Read the blog"
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Build ambitious websites with our courses",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Gain the inspiration and skills you need to create standout websites.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "link": {
            "link_type": "Web",
            "key": "accf69b1-6b84-46e5-9fe6-b3ef1f3ba631",
            "url": "https://www.youtube.com/playlist?list=PLUVZjQltoA3w1BTxkoy-8owOU9n74wntN"
          },
          "link_label": "Watch our courses"
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Join the community",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Get support from thousands of enthusiastic users.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "blue",
          "link": {
            "link_type": "Web",
            "key": "43d2d95e-5146-475f-a42e-cf94d7769851",
            "url": "https://community.prismic.io"
          },
          "link_label": "Join our community"
        }
      ],
      "primary": {
        "theme": "Inherit from page",
        "heading": [
          {
            "type": "heading2",
            "text": "Resources",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [
          {
            "type": "paragraph",
            "text": "We have the resources to help anyone be successful with Prismic.",
            "spans": [],
            "direction": "ltr"
          }
        ]
      },
      "id": "main_features$9ee2eaf4-59f0-45ab-b2e1-f0b85318c432",
      "slice_type": "main_features",
      "slice_label": null
    }
  ],
  "meta_title": "Prismic for developers: A headless CMS built for your stack",
  "meta_description": "Prismic is a headless CMS with a CLI, TypeScript SDKs, and support for Next.js, Nuxt, and SvelteKit. Build once, and let your marketing team publish pages without touching your code.",
  "social_image": {
    "dimensions": {
      "width": 1200,
      "height": 630
    },
    "alt": "Terminal running npx prismic init next to a Prismic content preview panel",
    "copyright": null,
    "url": "https://images.prismic.io/prismic-main/-ILg2Lx8yEZgRPDg_prismic-ai-build.png?auto=format%2Ccompress&rect=236%2C203%2C1089%2C572&w=1200&h=630",
    "id": "-ILg2Lx8yEZgRPDg",
    "edit": {
      "x": 236,
      "y": 203,
      "zoom": 1.41,
      "background": "transparent"
    }
  }
}