Use this slice to show a meta info of any URL. You can obtain all the below information using https://www.heymeta.com/

A blog starter template developed using Gatsby and Prismic.

Use this slice to show any code block in the article.

npm install -g gatsby-cli

# create a new Gatsby site using this starter
gatsby new <name> https://github.com/iamsainikhil/gatsby-prismic-blog-starter

Show code blocks like in an ordered or unordered list with more margin left by setting the type property in code slice as list. For all other types, code blocks have normal margin left.

# Go to project directory
cd <name>

# start the application
npm run start

Use this slice to embed any platform content like YouTube, Vimeo, GitHub Gist, CodeSandbox, CodePen, etc.

Prismic | Data Modelling — Create your Custom Types and Slices | YouTube

Rich WYSIWYG editor content which is consumed in the UI as the HTML.

Link - https://gatsby-prismic-blog-starter.vercel.app

Note: enclose any inline code using codespan label in Rich Text slice  to apply styling of inline code like this.

Use this slice to have any blockquote content in the article just like this one!

Use this slice to show a single image with caption.

Use this slice to have many images grouped together to be shown in a gallery view.

That's it for the visual demo of the slices in action! These are the slices used in this blog starter and a number of new slices can be created based on the content in Prismic.

For more info regarding setting up the Prismic data, check here.

This article demonstrates the different types of Prismic Slices used in this blog.

.css-1ns9571{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1ns9571:hover,.css-1ns9571:focus{color:var(--theme-ui-colors-secondary,#5b5b5b);-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;}Prismic Slices

Prismic Slices