You're on your way to learning about Prismic and its features. Prismic's Crash Course walks you through this app and its code so you can see how the different parts of a Prismic-powered website work together.

Discover the /slices folder to see what defines a Slice: the component’s code and the JSON specifying the editable fields in that Slice.

Deep dive into how the Cover Slice was built, from editable field declaration to templating the component

Create your own repository, and see what it’s like to release these 7 Slices to it, so you get a Website Builder experience when creating pages.

Slices are website sections that you’d build as Vue components. You implement and define the editable fields of each Slice locally, in your code. Once you’re done with a Slice, you can ship it to a Website Builder (Prismic). It becomes one of the sections your content team can use to compose website pages. This example lists 7 Slices

Welcome

How to use

Explore

Examine

Connect

Image to the left and text to the right