Awesome Prismic 
A curated list of awesome things related to Prismic.
Prismic is a Headless Content Management System, a tool for editing online content that lets you choose your technology, framework, and language to build a powerful page builder for your content team.
Contents
Useful Links
Resources
- Prismic - Prismic website.
- Documentation - Official documentation.
- Slice Machine - Slice Machine website.
Community
- Blog - Company blog.
- Forum - Community forum & support.
- Twitter - Official Twitter account.
- YouTube - Official Youtube channel.
- Twitch - Official Twitch channel.
Events
- Product Meetup - Monthly gathering on any kind of Prismic topic.
- Framework Streams - Learn about the latest from your favorite frameworks (Next, Nuxt & Gatsby).
- I Made This! - We love to see your work with Prismic! Share yours here and we'll highlight them in the next show.
Find here a frequently updated list of hot stuff going on about Prismic: latest feature announcement, meetup informations, and more!
Ecosystem
Awesome entries labeled with a star (*) are community baked ones.
Development Kits
- slice-machine - Create a page builder by developing website sections.
- @prismicio/client - JavaScript API client.
- @prismicio/helpers - JavaScript templating helpers.
- @prismicio/types - Type definitions for Prismic related structure.
- @prismicio/react - React development kit.
- @prismicio/next - Next.js development kit.
- gatsby-source-prismic - Gatsby development kit.
- @prismicio/vue - Vue.js development kit.
- @nuxtjs/prismic - Nuxt.js development kit.
- eleventy-plugin-prismic - 11ty development kit. *
- ember-prismic-dom - Prismic DOM for Ember. *
- php-kit - PHP kit.
- ruby-kit - Ruby kit.
- scala-kit - Scala kit.
- java-kit - Java kit.
- python-kit - Python kit.
- csharp-kit - C# kit.
- flusmic - Dart and Flutter kit. *
Plugins, Helpers and Tools
- prismic-ts-codegen - Generate type definitions from your Prismic models.
- prismic-utils - Collection of functions for parsing data coming from Prismic. *
- buran - Lightning-fast proxy cache for Prismic API. *
- magento2-prismicio - Magento 2 extension to integrate Prismic into Magento 2. *
Starters & Examples
Awesome entries labeled with a star (*) are community baked ones.
Next.js
- nextjs-blog - Example blog project.
- nextjs-website - Example multi-page website project.
Gatsby
- gatsby-blog - Example blog project.
- gatsby-multi-language-site - Example multi-language website project.
- prismic-gatsby-coffee-sample - Example eCommerce project.
Create React App
- reactjs-blog - Example blog project.
- reactjs-website - Example multi-page website project.
Nuxt.js
- nuxtjs-blog - Example blog project.
- nuxtjs-website - Example multi-page website project.
Node.js
- nodejs-blog - Example blog project.
- nodejs-website - Example multi-page website project.
- nodejs-multi-language-site - Example multi-language website project.
- nodejs-example-snipcart - Example eCommerce project.
PHP
- php-blog - Example blog project.
- php-website - Example multi-page website project.
Learning
Get Started
React
- Getting Started with Gatsby Tutorials - Step-by-step tutorial on how to use Prismic with Gatsby.
- Sourcing from Prismic - Gatsby tutorial to set up a site with Prismic.
- Gatsby JS & Prismic: Build RAPID Gatsby sites - Udemy course to create static sites with Gatsby and Prismic.
- Building a Serverless Static Website in 2020 - Introduction to decoupled, serverless workflows with Prismic and Gatsby.
01/15/2020 - Set up NextJs 9.4 with Prismic as Headless CMS - Comprehensive tutorial on creating a blog with Next.js and Prismic.
05/25/2020 - Creating JAMstack website with a Headless CMS from Scratch - Comprehensive tutorial on creating a website with Gatsby and Prismic.
06/29/2020 - Integrate Next.js & Prismic - Quick start for integrating Next.js with Prismic.
08/28/2020
Vue.js
- JAMstack with Prismic and Gridsome. Score 100% on Google Page speed! - Overview of how Prismic and Gridsome can work together.
05/07/2020 - Create a blog with Prismic.io and NuxtJS - Comprehensive tutorial on creating a blog with Nuxt.js and Prismic.
05/12/2020 - Manage static content with Prismic.io and Nuxt.js - Comprehensive tutorial on creating a website with Nuxt.js and Prismic.
05/16/2020
Node.js
- Quick Start Node.js - Quick start guide on how to use Prismic with Node.js.
Other
- Getting Started with Prismic - A Great Headless CMS - Comprehensive content modeling introduction.
03/10/2020 - Slice Machine from Prismic - Introduction to Prismic new open-source project: Slice Machine.
06/01/2020
Focus
- Troubleshooting: Previews - Some general guidance to troubleshoot and fix your Prismic previews.
- How to create branded case studies with Prismic slices - How to use Prismic slices and Gatsby to create on-brand customer success stories.
01/20/2020 - Enhance Your Prismic + Gatsby Site with a Table of Contents - Learn how to create a Table of Contents with Gatsby and Prismic.
02/18/2020 - How to make an E-Commerce with Nuxt, Prismic and Snipcart in 2020 - Tutorial on how to integrate Prismic and Snipcart together on a static site.
04/08/2020 - Add FAQ structured data to your articles using Prismic and GatsbyJS - Learn how to create FAQ structured data with Prismic and Gatsby.
05/15/2020 - How to setup Prismic preview with Gatsby - Article helping you to get previews working with Gatsby.
07/08/2020 - A Guide to Setting Up Multiple Languages in React and Prismic - Quick run-through of an approach to build a multi-language website.
07/17/2020 - A strategy for handling required fields and validation in Prismic - Handling missing fields and validation with Prismic.
07/30/2020 - Nuxtjs + Prismic + OneSignal = Awesome PWA - Deliver push notification with OneSignal when publishing new content on Prismic.
08/12/2020
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent