Free Headless CMS: Contentful vs Prismic vs Sanity
Contentful provides you with a content infrastructure that lets you build without any limitations, code in any language and use your favorite tools and frameworks to build a better digital product.
Features
- To integrate it to your app, a collection of APIs are made available to give you full programmatic control over content and assets such as the Content Delivery API and the Content Management API.
- You can access from the website a toolbox that allows you to:
- Model your content by creating custom content types, picking and choosing individual fields, applying custom field validation (characters count limits, etc.) and arranging entries in flexible hierarchies.
- Create, publish and edit your content using a rich editor interface that supports a complete set of data types such as text, markdown, location, dates, collections, JSON snippets, and more.
- Upload and publish your assets.
- To help you getting started faster and to be more productive, different SDKs (client libraries), tutorials, demos, sample apps and integrations are provided for many languages and platforms such as JavaScript, PHP, .NET, Ruby, iOS, Android, Java, Python.
- Multi-language publishing.
- Custom content management roles & permissions.
- Webhooks and easy continuous integration and deployment pipelines.
Getting started
Get started by creating a new content type
Add fields to the content type
Validation rules can be defined by configuring a field
Create and edit content with a rich editor interface
You can monitor your usage, including records and content type, from settings menu (next to profile icon) > Usage page
Free usage limits
- 10 users
- 2 roles
- 2 Environments
- 25 Content types
- 10,000 Records (entries and assets)
- 2 locales
- 100K API calls/ month
- 50 GB/ month CDN bandwidth
References
Prismic.io allows you to manage and push content painlessly to your web apps and native apps by providing a modern authoring experience with the Visual Page Builder and a highly flexible API.
Features
- Define reusable custom components with Slices
- Schedule and release pages and changes
- Full localization support and a translation workflow for your marketing & translation teams.
- Multiple integration such as Next.js, Nuxt, SvelteKit. More integrations are available in the Prismic github page.
- Webhooks can be set up for various events such as document publication and edition.
Getting started
Get started by creating a new repository
Create a new page type
Create slices that will compose your page
Add fields to each slice
Switch to the page builder, create a new page and add slices. Fill the fields with your content.
Either use available integration for Next.js, Nuxt or SvelteKit, or use @prismicio/client and its methods to fetch page content from the Content API.
Free usage limits
- 100GB/month Bandwidth usage (including API and asset delivery)
- 4 million API calls a month
- 1 User
- 2 locales
References
With Sanity, your content is treated as structured data and is made available through a simple and powerful API. You can edit it collaboratively and freely decide later how and where it will be distributed and used.
Features
- Sanity Studio: An open source, customizable content editing environment built with React.js, that includes advanced editing features such as Block content
- Content Lake: A fully managed cloud data store that can be accessed either by using one of the client libraries or directly via HTTP.
- Content modeling with schema types
- A Query Language (GROQ) can be used to retrieve collections of schema-less JSON documents.
- Your Frontends and tools can be notified whenever content is changed either using realtime listeners or via webhooks where the changes are submitted as HTTP requests to a custom URL.
- Assets management, image transformations and an Asset pipeline.
- A Command Line Interface that makes it easy to create new projects and set up, import and tear down datasets.
Getting started
Install Node.js, then open a terminal or windows batch and run npm create sanity@latest, then follow the instructions.
You can also follow one of quick start guides for Next.js, Nuxt or other available integrations.
Free usage limits
- 1m API CDN Requests per month
- 250k API Requests per month
- 100GB Assets
- 100GB Bandwidth per month
- 2 Datasets
- 10k Documents
- 2 Webhooks
- 20 User seats