Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/prismicio/awesome-prismic

A curated list of awesome things related to Prismic
https://github.com/prismicio/awesome-prismic

List: awesome-prismic

Last synced: about 1 month ago
JSON representation

A curated list of awesome things related to Prismic

Awesome Lists containing this project

README 

        


  


  

    Awesome Prismic

  

  


  





# Awesome Prismic [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)



> A curated list of awesome things related to [Prismic](https://prismic.io?utm_campaign=devexp&utm_source=github&utm_medium=awesome-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



- [Contents](#contents)

- [Useful Links](#useful-links)

  - [Resources](#resources)

  - [Community](#community)

  - [Events](#events)

  

- [Ecosystem](#ecosystem)

  - [Development Kits](#development-kits)

  - [Plugins, Helpers and Tools](#plugins-helpers-and-tools)

- [Starters & Examples](#starters--examples)

  - [Next.js](#nextjs)

  - [Gatsby](#gatsby)

  - [Create React App](#create-react-app)

  - [Nuxt.js](#nuxtjs)

  - [Node.js](#nodejs)

  - [PHP](#php)

- [Learning](#learning)

  - [Get Started](#get-started)

  - [Focus](#focus)



## Useful Links



### Resources



- [Prismic](https://prismic.io?utm_campaign=devexp&utm_source=github&utm_medium=awesome-prismic) - Prismic website.

- [Documentation](https://prismic.io/docs?utm_campaign=devexp&utm_source=github&utm_medium=awesome-prismic) - Official documentation.

- [Slice Machine](https://www.slicemachine.dev) - Slice Machine website.



### Community



- [Blog](https://prismic.io/blog?utm_campaign=devexp&utm_source=github&utm_medium=awesome-prismic) - Company blog.

- [Forum](https://community.prismic.io) - Community forum & support.

- [Twitter](https://twitter.com/prismicio) - Official Twitter account.

- [YouTube](https://www.youtube.com/channel/UCJq6AEgtWeZt7ziQ-fLKOeA) - Official Youtube channel.

- [Twitch](https://www.twitch.tv/prismicio) - Official Twitch channel.



### Events



- [Product Meetup](https://shows.prismic.io/product-meetup?utm_campaign=devexp&utm_source=github&utm_medium=awesome-prismic) - Monthly gathering on any kind of Prismic topic.

- [Framework Streams](https://lu.ma/prismic?utm_campaign=devexp&utm_source=github&utm_medium=awesome-prismic) - Learn about the latest from your favorite frameworks (Next, Nuxt & Gatsby).

  - [I Made This!](https://prismic-team.typeform.com/imadethis?utm_campaign=devexp&utm_source=github&utm_medium=awesome-prismic) - 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](https://github.com/prismicio/slice-machine) - Create a page builder by developing website sections.



---



- [@prismicio/client](https://github.com/prismicio/prismic-client) - JavaScript API client.

- [@prismicio/helpers](https://github.com/prismicio/prismic-helpers) - JavaScript templating helpers.

- [@prismicio/types](https://github.com/prismicio/prismic-types) - Type definitions for Prismic related structure.

- [@prismicio/react](https://github.com/prismicio/prismic-react) - React development kit.

- [@prismicio/next](https://github.com/prismicio/prismic-next) - Next.js development kit.

- [gatsby-source-prismic](https://github.com/prismicio/prismic-gatsby) - Gatsby development kit.

- [@prismicio/vue](https://github.com/prismicio/prismic-vue) - Vue.js development kit.

- [@nuxtjs/prismic](https://github.com/nuxt-community/prismic-module) - Nuxt.js development kit.

- [eleventy-plugin-prismic](https://github.com/prismicio-community/eleventy-plugin-prismic) - 11ty development kit. _\*_

- [ember-prismic-dom](https://github.com/qonto/ember-prismic-dom) - Prismic DOM for Ember. _\*_



---



- [php-kit](https://github.com/prismicio/php-kit) - PHP kit.

- [ruby-kit](https://github.com/prismicio/ruby-kit) - Ruby kit.

- [scala-kit](https://github.com/prismicio/scala-kit) - Scala kit.

- [java-kit](https://github.com/prismicio/java-kit) - Java kit.

- [python-kit](https://github.com/prismicio/python-kit) - Python kit.

- [csharp-kit](https://github.com/prismicio/csharp-kit) - C# kit.

- [flusmic](https://github.com/PixelaGt/flusmic) - Dart and Flutter kit. _\*_



### Plugins, Helpers and Tools



- [prismic-ts-codegen](https://github.com/prismicio/prismic-ts-codegen) - Generate type definitions from your Prismic models.

- [prismic-utils](https://github.com/everydayhero/prismic-utils) - Collection of functions for parsing data coming from Prismic. _\*_

- [buran](https://github.com/escaletech/buran) - Lightning-fast proxy cache for Prismic API. _\*_

- [magento2-prismicio](https://github.com/elgentos/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](https://github.com/prismicio/nextjs-blog) - Example blog project.

- [nextjs-website](https://github.com/prismicio/nextjs-website) - Example multi-page website project.



### Gatsby



- [gatsby-blog](https://github.com/prismicio/gatsby-blog) - Example blog project.

- [gatsby-multi-language-site](https://github.com/prismicio/gatsby-multi-language-site) - Example multi-language website project.

- [prismic-gatsby-coffee-sample](https://github.com/prismicio/prismic-gatsby-coffee-sample) - Example eCommerce project.



### Create React App



- [reactjs-blog](https://github.com/prismicio/reactjs-blog) - Example blog project.

- [reactjs-website](https://github.com/prismicio/reactjs-website) - Example multi-page website project.



### Nuxt.js



- [nuxtjs-blog](https://github.com/prismicio/nuxtjs-blog) - Example blog project.

- [nuxtjs-website](https://github.com/prismicio/nuxtjs-website) - Example multi-page website project.



### Node.js



- [nodejs-blog](https://github.com/prismicio/nodejs-blog) - Example blog project.

- [nodejs-website](https://github.com/prismicio/nodejs-website) - Example multi-page website project.

- [nodejs-multi-language-site](https://github.com/prismicio/nodejs-multi-language-site) - Example multi-language website project.

- [nodejs-example-snipcart](https://github.com/prismicio/nodejs-example-snipcart) - Example eCommerce project.



### PHP



- [php-blog](https://github.com/prismicio/php-blog) - Example blog project.

- [php-website](https://github.com/prismicio/php-website) - Example multi-page website project.



## Learning



### Get Started



**React**



- [Getting Started with Gatsby Tutorials](https://prismic.io/docs/gatsby/getting-started-tutorials/getting-started-tutorials) - Step-by-step tutorial on how to use Prismic with Gatsby.

- [Sourcing from Prismic](https://www.gatsbyjs.org/docs/sourcing-from-prismic) - Gatsby tutorial to set up a site with Prismic.

- [Gatsby JS & Prismic: Build RAPID Gatsby sites](https://www.udemy.com/course/gatsby-js-prismic-netlify) - Udemy course to create static sites with Gatsby and Prismic.

- [Building a Serverless Static Website in 2020](https://jellypepper.com/blog/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](https://dev.to/ruben_suet/set-up-nextjs-9-4-with-prismic-as-headless-cms-27ij) - Comprehensive tutorial on creating a blog with Next.js and Prismic. `05/25/2020`

- [Creating JAMstack website with a Headless CMS from Scratch](https://medium.com/weekly-webtips/creating-jamstack-website-with-a-headless-cms-from-scratch-70686b8050b4) - Comprehensive tutorial on creating a website with Gatsby and Prismic. `06/29/2020`

- [Integrate Next.js & Prismic](https://www.netlify.com/blog/2020/08/28/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!](https://www.youtube.com/watch?v=tqR2EO7Tivc) - Overview of how Prismic and Gridsome can work together. `05/07/2020`

- [Create a blog with Prismic.io and NuxtJS](https://viarami.com/programming/blog-prismic-nuxtjs) - Comprehensive tutorial on creating a blog with Nuxt.js and Prismic. `05/12/2020`

- [Manage static content with Prismic.io and Nuxt.js](https://www.bitbull.it/en/blog/static-content-with-prismic-and-nuxt) - Comprehensive tutorial on creating a website with Nuxt.js and Prismic. `05/16/2020`



**Node.js**



- [Quick Start Node.js](https://prismic.io/quickstart#?lang=javascript) - Quick start guide on how to use Prismic with Node.js.



**Other**



- [Getting Started with Prismic - A Great Headless CMS](https://morioh.com/p/ef851a763cf6) - Comprehensive content modeling introduction. `03/10/2020`

- [Slice Machine from Prismic](https://www.codegram.com/blog/slice-machine-from-prismic) - Introduction to Prismic new open-source project: Slice Machine. `06/01/2020`



### Focus



- [Troubleshooting: Previews](https://user-guides.prismic.io/en/articles/3403530-troubleshooting-previews) - Some general guidance to troubleshoot and fix your Prismic previews.

- [How to create branded case studies with Prismic slices](https://jellypepper.com/blog/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](https://levelup.gitconnected.com/enhance-your-prismic-gatsby-site-with-a-table-of-contents-7e6739de3364) - 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](https://medium.com/js-dojo/how-to-make-an-e-commerce-with-nuxt-prismic-and-snipcart-in-2020-6e670269c5dc) - 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](https://fullstackheroes.com/prismic/faq-structured-data-in-gatsby) - Learn how to create FAQ structured data with Prismic and Gatsby. `05/15/2020`

- [How to setup Prismic preview with Gatsby](https://robsimpson.digital/articles/prismic-preview-gatsby) - Article helping you to get previews working with Gatsby. `07/08/2020`

- [A Guide to Setting Up Multiple Languages in React and Prismic](https://medium.com/swlh/a-guide-to-setting-up-multiple-languages-in-react-and-prismic-6b5e04ff3c3) - 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](https://medium.com/vokal-voices/prismic-field-validation-3ebf33ffdd6) - Handling missing fields and validation with Prismic. `07/30/2020`

- [Nuxtjs + Prismic + OneSignal = Awesome PWA](https://medium.com/@carlhandy/nuxtjs-prismic-onesignal-awesome-pwa-6b0c2b5b56b3) - Deliver push notification with OneSignal when publishing new content on Prismic. `08/12/2020`