Skip to content
VivrealDocs

Create a Blog

Set up a blog collection with rich text, images, and tags — then publish your first posts

beginner10 min read

Create a Blog

Build a blog from scratch using Vivreal collections. By the end of this tutorial you will have a "Blog Posts" collection with rich text support and a few sample posts ready to go.

Prerequisites

  • A Vivreal account with an active group
  • Access to the Collections section in the portal

Create the Blog Posts collection

Navigate to Content from the bottom navigation bar and tap + New Collection. Name it Blog Posts and set the type to Standard. Click Create to confirm.

Define the schema fields

Open your new collection and go to the Schema tab. Add the following fields:

FieldTypeRequiredNotes
titleTextYesThe headline of the post
bodyRich TextYesFull post content with formatting
coverImageMediaNoHero image displayed at the top
publishDateDateNoWhen the post should go live
tagsTagsNoCategorize posts (e.g. "news", "updates")

Click Save Schema when you are done.

Add your first blog post

Click + New Object inside the Blog Posts collection. Fill in the fields:

  • title: "Welcome to Our Blog"
  • body: Write a short introduction using the rich text editor — try adding a heading, a bold sentence, and a list.
  • coverImage: Upload or drag an image into the media field.
  • publishDate: Set today's date.
  • tags: Add announcement and welcome.

Click Save to create the object.

Add a second post

Repeat the process with different content so you can see how multiple posts look in the collection view. For example:

  • title: "Getting Started with Vivreal"
  • body: A short guide for your team or audience.
  • tags: Add guide.

Browse your posts

Return to the Blog Posts collection list view. You should see both posts with their titles, tags, and creation dates. Use the search bar to filter by title or tag.

Set the publishDate field to a future date if you want to draft posts before they go live on your site. The Client API filters out objects whose publishDate has not yet passed.

Next Steps

  • Deploy Your First Site to make your blog publicly accessible
  • Add more schema fields like author (Text) or readingTime (Number) as your blog grows