Give your content authors the creative freedom they need to produce landing pages by assembling individual blocks while still benefitting from structured content.
1. An introduction to page builders
Setup your page builder the right way with Sanity and Next.js, understanding the process and best practices. With editing affordances your content creators will understand and appreciate.
2. Create page builder schema types
Setup the initial "blocks" of content and set the foundation of your page builder schema types.
3. Improve authoring with previews and thumbnails
Updates to the configuration of your page builder schema types can dramatically improve the content creation experience.
4. Render pages
Create a new dynamic route to render "page" documents and create links to them within Sanity Studio for an interactive live preview within Presentation.
5. Render page builder blocks
Setup the unique components for each individual "block" to render on the page.
6. Creating a "home" page
Create a "singleton" document to store distinct content that is globally relevant to the application.
7. Drag and drop in Visual Editing
Allow authors to re-order blocks on page, without editing the document.
8. Scaling page builders and pitfalls
How to keep your page builder tidy as your project grows over time.