Developing with Prismic

Prismic

This document outlines Prismic

What is Prismic

Prismic is the CMS for the website.

All development will follow this process. Building the content model, add the content model to Prismic, write the code to design the slice. All other work will be resolving bugs or modifying existing slice.

Refer to these docs Prismic Documentation for NextJS

Naming Conventions

Stick to the Prismic naming conventions.

• Use generic names for field labels and ids. Don't use words like heroButton, instead just use generic words like Button, Link, Title, Header, Description

General Tips

• Prismic slice ids and variation ids aren't easy to edit after you create them. In the case you make a spelling mistake or want to change and id, delete and recreate the slice/variation

Style Guide

Formatting

Almost all slices have the following configurations/variations:

• Background Color
  • If a section's background color can be configured, use a select to configure the options (See the ThreeColumn variation under ColumnCards).
• Section Header / Section Button variations
  • A section will either have only a Section Header or both a Section Header & Button. Create two variations for these options.

Debugging

Resources for Debugging

Variations

1. Slice Variation Properties Don't Exist