Designed to make website management easier, Prismic is a very handy tool. Your whole team can now freely edit your website’s content so as to make the work go faster. You are given the opportunity to choose the way to use the content. Henceforth, Appstud, official partner of Prismic, can help you use this CMS and its features. Let’s discover how Prismic, this accessible Content Management System, works. How does it make your whole team become editors ? Which problems are solved by Prismic and how to integrate it ? Discover Appstud services.
Prismic, the tool that makes your website editable by your whole team
Basically, Prismic is a web application, a headless Content Management System designed to help you create and publish content. A headless CMS means that it is a CMS with an API (Application Programming Interface). It may also include a CDN (Content Delivery Network) to handle the content storage and delivery.
Since it’s a headless CMS it can also be used through multiple platforms (like a website and a mobile application).
What advantages come with Prismic ?
Prismic’s features are profitable for everybody : teams, developers, editors, content managers and even buyers. They have the possibility to create instantly updatable content for apps and websites. Marketing and content management teams can update or create pages without the help from developers. As far as developers are concerned, they can build websites using the framework or the programming language they want : vanilla JS/PHP/Ruby, Node, Rails, Angular, React, etc. The quality and the speed of the work is therefore increased.
Prismic has a couple features that make it differ from the other CMSs.
- First of all, it gives developers more possibilities. They have the choice between different languages and tools to build apps or websites.
- Secondly, your content managers have more independence in the way and the time they update your website’s contents. They no longer need developers before creating content, editing it and publishing it in the Writing Room (authoring environment).
- Also, a cloud is available as content infrastructure. Thus, no infrastructure management is needed before building a project. The work can be done without setting up, configuring or maintaining the infrastructure.
Prismic : 5 simple steps to edit content and set up
The interface of Prismic is very intuitive.
Step 1 : Editor modeling
The default way to create custom components is to use “Custom type”. Another way to do so is to use “Slices”. Though, “Slices” is a new feature with some advantages and a couple limitations. It is still in beta. You can create your desired editor experience by modeling custom types and enabling dynamic layouts.
Step 2 : Content filling
You have a simple interface that gives everyone the possibility to create content even though they don’t have technical abilities. All the employees can handle this part, thus the management can be handed over to the content editors team. While you are choosing the framework, the editors team can start filling content.
Step 3 : Setting up Prismic - Choosing the framework
Choose your prefered framework between Node, React, Next, Gatsby, Vue and Nuxt. Android/iOS apps can also be used. Choose what is best for you according to your needs and the project, and use it with Prismic.
Step 4 : Content querying
A standard RESTful API and GraphQL are used to query and retrieve a created content as a JSON response. An API browser is provided by all Prismic repositories so that you can test queries and see results. Prismic also provides some direct integration with some frameworks (like Next, React …) to help you display the content more easily.
Step 5 : Deployment
Feel free to choose your favorite hosting platform : Netlify, Vercel, Heroku or Gatsby Cloud for example. You just have to host the website. Prismic hosts and scales the publishing tools.
What problems does Prismic solve ?
The existing CMSs are not so easy to use. For example, some provided tools work very slowly and the interface is usually unfriendly. Website building is therefore still hard for many people. Content managers and even some developers suffer when it comes to building websites and creating or updating content. Prismic has been perfected to solve those problems. It is a CMS set up to make the work easier for both editors and developers. Designers can also design unique looking platforms. Content can be managed in apps and websites in a very simple way, allowing your whole team to have access to its control. In addition, major editorial features are provided in the editing environment :
- collaborative editing
- dynamic layouts
- rich editor
- live and shareable previews
- revision history
- scheduled publishing
All those features give more possibilities to your team. Also, all content created in Prismic can be fetched by any app because it’s available via an API.
How to integrate Prismic with your system ?
Prismic provides you Integration Fields that you can use for your content model. Custom APIs and e-commerce catalogs can be integrated into your repository. Actually, you can make the integration via 3 differents ways:
- Pulling data into Prismic from a custom read API
A prescribed format of API is present in Prismic. You have to create, first, your own API in step with that format. A Custom API is in the Integration Fields of your repository’s Settings. You must select it and then fill in its details after selecting Pull data from my endpoint. When you finish, you must Save to launch the crawling and syncing process.
- Pushing data to Prismic from a custom write API
A dedicated point is provided in a write API of the Integration fields that helps you push data to Prismic. Catalog items can be created and modified via that dedicated point. The first step is to Configure the write API. After that, you get your API endpoint and make necessary configurations.
- Automatic syncing with a Shopify catalog
Prismic provides you a built-in integration with Shopify that you can use for your needs.
Appstud became an official partner of Prismic and is available to help you integrate Prismic with third-party services. Contact us for further information.