Build a page with Slices


These docs rely on Slice Machine, which is in active development and subject to change. Content Relationships are not currently supported with Slices.

Add new page

Once you've visited your newly created repository you will see the following screen. To create a new page select any green pencil.

Buttons to create a new Prismic document

This will open your document in the writing room. Here is where you will be able to create Slices, the content models that represent the front-end components that build your page

Add your UID (URL for your page)

The first thing you'll want to do is enter a unique identifier in the 'UID' field that will be also used as the URL for the page.

The required UID field to populate your pages URL

Choose your slices

Now comes the exciting part. Start choosing Slices. Think of these Slices as models that will then be reflected as Slice Machine components on your website.

The Slice Selection Carousel

Add content to your slices.

Finally, after selecting the Slices you wish to use to construct your page, you will need to add some content to each of the fields available.

Remember to add quality content as the components will only look as good as their content. We used Pablo Stanley's illustration design library, Humaaans, to populate our examples.


Once you've created your page, selected your slices and added your content. Click save and then 'Publish'.

The Save & Publish Process

This will deliver your content through the api to your components. Once you've done this return to your project where you should see your new page.

Did you update the UID of your Slice Zone?'

If you added the Slice Zone to and existing page, make sure you update the UID there to match the page you just create in Prismic i.e.

<slice-zone type="page" uid="name-of-page-uid"/>

Visit your page 🙌

You should to go to http://localhost:3000/name-of-page-uid with the UID you added in prismic to see your new page.
Congratulations, you should now see your magnificent page 🎉!