Prismic

Prismic Review: The Friendliest CMS for Marketing Teams?

Written by Samuel Pitonak

Last update: 6/11/2024

What is Prismic?

Prismic is the headless page builder for Next.js, Nuxt, and SvelteKit sites. It helps companies grow through their websites with powerful tools and features. Developers use their tech stack to build not just a website, but a page builder for their marketing teams, empowering them to release on-brand pages fast. Prismic’s visual Page Builder is built on slices, reusable and branded page sections, such as headers, testimonials or call to actions. Slices show up as reusable components both in the editing experience and in code. Developers build slices using Prismic’s local development tool (Slice Machine).

Prismic’s visual Page Builder comes with the live editing feature, allowing marketing teams to see in real-time how their slices look like as they populate them with content. They can drag and drop slices until the flow of the page looks just right, the same way they would rearrange slides in a presentation. It also enables easy navigation and content editing and allows marketers to quickly start from existing base by duplicating or changing variations of slices.

Slice Machine integrates tightly with Next.js, Nuxt, and SvelteKit. Developers can capitilize on the frameworks’ best features while getting an unmatched developer experience. Slice Machine is a local tool, which comes with a host of benefits. It’s a workflow built based on how developers build, it ensures that developers’ code is the source of truth, and it allows for easy reusability of components across projects. Developers also love automatic type generation, code snippets to template fields in their components, local development previews that allows them to see their components in isolation as they’re building them, as well as the possibility to simulate their components in different ways with editable mock data.

It is also possible to set up a Live Preview function in your project. Developer documentation provides steps on how to make the feature available and it is very likely your framework is documented as well.

User interface

The UI of the CMS feels simple and clean. Appropriately colored top bar reminds you of action or current status which makes navigation through the CMS very easy and intuitive. You can go to pretty much any option in less than 3 mouse clicks which makes the editing experience very convenient.

The user interface reminds me of the Material Design language by Google and does not look very unique, but simplicity is most of the time the ultimate sophistication, and Prismic provides exactly that.

The admin panel has 3 main sections:

  • Documents - all content can be found here divided into 3 tabs (work, planned, and achieved based on the content statuses),
  • Custom Types - creation and configuration of content types that live in the selected repository and
  • Media Library - uploaded media like PDF files or images.
[@portabletext/react] Unknown block type "video", specify a component for it in the `components.types` prop

Support

Since Prismic is a proprietary CMS, there is no open-source community that would help you with the problems that may come your way. Prismic says it wants to make some of the CMS parts available as open-source but this has not yet been done.

However, featured developer documentation and user guides are very useful. In addition to that, there is also an official Prismic forum with active members that can help you find answers. Prismic will help you quickly start your next project with their starter kits and SDKs. These are available on their GitHub page.

Prismic also has an active YouTube channel and blog with resources that help anyone build great websites.

Prismic Pricing

Prismic offers 6 different plans for either developers or organizations. Plans are priced on a per-repository basis and they start at 0$ and go all the way up to the Platinum tier for 675$. There are limits in terms of CMS users except for the two highest tiers (Platinum and Enterprise).

When it comes to other restrictions, there are really not that many of them which surprised me in a positive way. You will have to upgrade to Platinum or Enterprise plan in order to receive features such as SLA, backup & restore, or higher priority from the official support.

Pros and Cons

[@portabletext/react] Unknown block type "prosCons", specify a component for it in the `components.types` prop