Crash Course

Welcome

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.

How to use

  • Explore

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

  • Examine

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

  • Connect

    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.

Left Aligned

Image to the left and text to the right

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