foodlab

View the Project on GitHub MoxieEric/foodlab

Pages

Used for general site content and form pages.

Managed in GraphCMS under Content > Pages

Creating a New Page

Use the Create new page button in the top right

You can also duplucate a current page by clicking the pencil icon on the experience you wish to duplicate. On the next screen click the 3 horizontal dots to the right of the title at the top and select duplicate.

Page Layouts

Page content can be added in 2 different ways.

Basic Page

Simple pages that require no special layouts or functionality can simply use the Body field where you can apply basic formatting, add links, embed images, videos, etc.

Landing Pages

To create more advanced layouts (like the home page, contact, private events etc.) use the UX Sections to compose page layouts using a library of pre-built components. Adding UX Sections will ignore the main title and body fields and render only the UX Sections.


Fields

Title - Display title for the page. The title will also be used to generate the slug or URL of the post. If no UX Sections are added this will act as the H1 of the page on the front-end.

Slug - The URL segment for the article. It is automatically generated based on title. Can be customized to any URL-safe string.

Body - Main content of the page when not using UX Sections. Use formatting tools to style the content as-needed.

US Sections - Create advanced layouts a library of pre-built components. Adding UX Sections will ignore the main title and body fields and render only the UX Sections.

More information about UX Sections coming soon

SEO Settings - Collection of fields for customizing the SEO tags for this class. WIll influence the title displayed in the browser tab in search results and on social platforms (shares and link previews). Optional, but encouraged.