By the end of this page, your project will have page types with slices that are synced to Prismic.

Content modeling is the process of designing the data structures for your content. Prismic makes this easy by providing useful data structures that you can configure as needed.

There are four main structures in Prismic's content models: slices, fields, page types, and custom types.

A slice is a section of the webpage — like a block of text, an image, or a banner.

Prismic stores each piece of information in a field. There are many field types, including rich text, number, link, and Heading.

A type is a model for a document in your repository. Types can take one of two different formats: "page" or "custom". A page type is a model for a page on your website. A custom type is a generic model for an element on your website, like a menu, a category, or a call to action.

Slice Machine is Prismic’s development tool for building content models. You should have installed Slice Machine in the setup step.

First, ensure your project is running in development mode. Then, run the Slice Machine command:

The terminal will show you a link, which is http://localhost:9999 by default. Open the link in your browser.

In Slice Machine, click Create a page type. Choose Reusable or Single, then enter a name and ID.

Slice Machine will save the model of your page type as a JSON file in your customtypes folder after you click on Save to file system.

Page types have pre-configured metadata fields for SEO and a slice zone for the page content.

In the left-hand side menu, click slices, then Create a slice. Give your slice a name and choose the library for it.

Slice Machine will create a folder for the slice in your slices directory. The folder includes a component file where you can code your slice component.

In Slice Machine, add fields to your slice, then click Save to filesystem.

Slice Machine suggests code snippets to template each field in your component. Learn more about templating in the templating article.

To see what your slice looks like, click Preview slice. Slice Machine will simulate your slice with mock data.

Click on the Page types tab, select your page type, and Add a new slice. Select your slice from the list and click Save. Then click Save to file system.

Custom types are generic models that you can use to create menus, taxonomies, and objects for your website.

To create a new custom type, click on the Custom Types tab in the left menu, then click Create. Custom types cannot have slices, but they can have any other property.

When your changes are ready, go to the changes page and click the Push to Prismic button. Now, your content managers can use these models to create content: