prismic.io Open in urlscan Pro
107.23.99.21  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Announcement

Prismic has raised $20M to scale your content creation with Slices.

Read the announcement
 * Features
 * Use cases
 * Pricing
 * Docs & Concepts
 * About us
 * FAQ
 * Login
 * Create a project

For Developers | For Non-developers


MAKE YOUR WEBSITE EDITABLE FOR THE WHOLE TEAM


CHOOSE YOUR TECHNOLOGY. USE THE API TO FETCH CONTENT. EMPOWER YOUR CONTENT TEAM.

Test it outGet a demo

const result = await graphql.query({
  query: gql`{
    home {
      headline
      author_description
      # Page body with content slices
      page_content {
        ... on HomePage_contentText {
          primary {
            rich_text
        }}
        # Captioned image element
        ... on HomePage_contentImage {
          primary {
            image
            caption
}}}}}`})



 * Query with GraphQL
 * Loop through Slices
 * Rendering component

PRISMIC IS TRUSTED BY OVER 4,000 COMPANIES

 * 
 * 
 * 
 * 
 * 
 * 


PRISMIC IS A CONTENT MANAGEMENT SYSTEM, A TOOL FOR EDITING ONLINE CONTENT

Also known as a headless CMS, an API CMS, a content platform, a disruptive
content-as-a-service digital experience...basically we've built a tool that lets
you choose your technology, framework, and language and then easily manage your
content.


HOW PRISMIC WORKS

A tool built to allow your content, design, and development teams to produce a
finished product that they can all be proud of.

1. Type Modeling

MODEL YOUR EDITOR

Model custom types to match your desired design. Create reusable fields and
custom components (we call them Slices...you'll hear us talk about them a lot)
to enable dynamic layouts and build the editor experience that you want.



2. Fill content

HAND OVER TO YOUR CONTENT TEAM TO START CREATING CONTENT

Once you've managed the initial setup, you can hand the management over to your
content team so that editors can start filling content while you're choosing the
framework. With Prismic, creating beautiful content becomes simple enough that
even non-technical employees can handle it. 


3. Build

CHOOSE A FRAMEWORK AND SETUP PRISMIC

You're free to use whichever framework you prefer. Gatsby, React, Next,
Vue...you can use whatever you think is best for your project, your skills, and
your needs.

Choose a framework

 * NODE.JS
   
   Using Node with Prismic

 * REACT.JS
   
   Using React with Prismic

 * NEXT.JS
   
   Using Next with Prismic

 * GATSBY
   
   Using Gatsby with Prismic

 * VUE.JS
   
   Using Vue.js with Prismic

 * NUXT.JS
   
   Using Nuxt with Prismic

// Example templating with Node.js (with pug)
block body
  body
    div
      // Render a title field
      h1 !{PrismicDOM.RichText.asText(doc.title)}
      // Render an image
      img(src=doc.image.url)
      // Render a paragraph
      != PrismicDOM.RichText.asHtml(doc.article)







4.Query

QUERY CONTENT AND PLACE IT IN YOUR COMPONENTS

Prismic uses a standard RESTful API as well as GraphQL to query and retrieve
your content as a JSON response. Every Prismic repository provides an API
browser that allows you to test your queries and see the results


5. Deploy

DEPLOY ON VERCEL, NETLIFY, GATSBY CLOUD, HEROKU OR YOUR FAVORITE HOSTING
PLATFORM

We take care of hosting and scaling the publishing tools. All you have to do is
host the website, but you can choose whichever hosting platform you prefer.


USE YOUR TECHNOLOGY OF CHOICE

Every framework has its own properties and advantages, fast rendering, SEO, ease
of deployment or progressive enhancement. Prismic integrates with every
framework so that you can choose the best fit for your project

NEXT.JS

A great option if you are familiar with React but want static-site generation,
server-side rendering, Serverless deployment, and a growing ecosystem.

Read more

GATSBY

Gatsby is an extremely popular static site generator based on React. It offers a
great developer experience thanks to a huge selection of plugins.

Read more

NUXT.JS

Great for SEO, Nuxt is a good choice if you're familiar with Vue and you are
looking for static-site generation and server-side rendering.

Read more

REACT.JS

Widely used with a large community and ecosystem. React is a great fit for any
projects where client-side rendering is necessary.

Read more

VUE.JS

Vue is easy to use and is a great way to start a component framework. It also
offers a huge doc library, a growing ecosystem, and helpful default settings.

Read more
 * 1
 * 2
 * 3


WHY WE THINK PRISMIC IS GOOD FOR DEVELOPERS 

API TO FETCH CONTENT

Unlike a traditional CMS, an API-based approach is much simpler and more secure.
This includes options for REST, GraphQL, and SDKs that help our users to make
the most of Prismic.

NO SERVER MAINTENANCE

We offer high-level SLAs, scalability, and a global CDN. We'll make sure that
everything is running smoothly in the background so that you can focus on your
projects.

A GROWING ECOSYSTEM

Built by developers for developers - we actively engage with the community.
Enjoy content that is created specifically for our community and join our forum
to discuss your Prismic projects.

IMAGE OPTIMIZATION

We’ve partnered with Imgix to provide Prismic users with image optimization and
next-gen image support. That means optimized images and faster loading pages for
your visitors.


HOW TO CHOOSE A TECH STACK FOR YOUR WEBSITE

It's not an easy decision to make, so we've made some videos to help you choose
everything from your framework to your CMS.

 * 1
 * 2
 * 3


TAKE A LOOK AT THE DOCS TO UNDERSTAND WHAT IT'S LIKE TO BUILD STUFF WITH PRISMIC

Vue.js
React.js
Javascript
Node.js
Laravel
Ruby
Java
.NET
Php
Next.js
Nuxt.js
Gatsby

By using this website, you agree to our 🍪 cookie policy

close
All rights reserved.

Developers

 * Community Forum
 * Quickstart
 * Documentation
 * Sample projects
 * Development kits
 * Find a Developer
 * Prismic x Gatsby
 * Prismic x Nuxt
 * Prismic x Next

Company

 * Blog
 * Twitter
 * YouTube
 * Sales
 * Jobs
 * Terms of service
 * Privacy
 * Security

Product

 * Pricing
 * Become a Partner
 * Platform status
 * What's new
 * FAQ
 * Prismic vs. WordPress
 * Beyond Headless CMS
 * We deploy everyday