Blog
×
Visual CMS
Drag-and-drop visual editor and headless CMS for any tech stack
Theme Studio for Shopify
Build and optimize your Shopify-hosted storefront, no coding required
Resources
Blog
Get StartedLogin☰
Request a blueprint
Go to developer docsIntegrate Blog Article Building
Builder's Visual Editor is especially powerful for creating rich blog article content. For an in-depth walkthrough of how to make a blog in Builder, see Create a drag-and-drop editable blog with Next.js.
Model definition
First, create a section model in Builder named blog-article, to store and create blog articles:
| Name | Type | Notes |
|---|---|---|
Title |
| This is the article title when listing articles and for the page |
Handle |
| This is the URL handle; for example, |
Image |
| This is the main image for the blog post—for example, when listing articles—as well as the |
Date |
| This is the date for displaying when this was posted and for filtering by date posted. |
Blurb |
| Optional This is the preview text when listing blog articles, and optionally can be the SEO |
Author |
| Optional Use this to list info about authors. We recommend making a new data model—for example, with fields |
You can create as many additional fields as you like for additional product info.
Example code
Next, create a paginated blog article list that lists each article along with some info about each one. Example information can include an image, a title, and a link to view the blog article in detail.
© 2020 Builder.io, Inc.
