CommunityHire an ExpertSign Up
How to GuidesHow to Create a Blog from a Data Source?
How to Guides

How to Create a Blog from a Data Source?

Creating a blog linked to a data source.

We’ve already discussed how you can build a blog using static Softr blocks. However, it’s also possible to create a block, storing all your content and media in one of our data sources. To do that, you can use one of our List layouts to display data from a data source. Further on, the List block can be connected to a List Details block, so that your readers can click on the list item to open the blog post on a separate page.

Additionally, it’s also possible to configure the List Details data to apply a unique Slug, Title, and Description and make it indexable by search engines.

To give you a better idea of how this can be done, let’s do a basic blog setup with Airtable data and take a closer look at each step involved.

Adding content on Airtable

We’re going to add a new table that has three fields: Title, Body Text, and Image.

Adding content fields on Airtable

Adding content fields on Airtable

For the Body Text field, we’ve enabled Rich Text Formatting to be able to add formatting to our content.

Rich text formatting enabled

Rich text formatting enabled

Below, you can see that we’ve added some formatting to our body text such as bold text, headings, bullet points, etc.

Text with formatting added

Text with formatting added

Linking to the table from Softr

Now, we need to add List and List Details blocks in Softr to display the content we just added on Airtable.

Publishing and testing

Finally, let’s publish our Softr app and see what we got.

Publishing the app and checking the results

Publishing the app and checking the results

Use these docs with your AI tools

An AI agent can read this documentation directly. You do not need an account or an API key. Everything here is public and read-only.

Query these docs via MCP

Recommended

Add this server to Claude, Claude Code, Cursor, Mistral, or any tool that supports MCP. Your agent can then search Softr Documentation documentation and read it in full, instead of answering from memory.

https://docs.softr.io/mcp
  • searchFind the passages that answer a question.
  • fetchRead one page in full, as Markdown.
  • list_pagesSee every page in this documentation.

Query these docs over HTTP

The same tools also work as plain web requests. Use this for scripts, or for any tool that does not support MCP. There is one endpoint per tool. Arguments go in the query string, and the answer comes back as JSON.

https://docs.softr.io/api/docs/search?query=custom+domain

Read the OpenAPI description. It is built from the same definitions as the tools, so it always matches what the endpoints do.

Read these docs as Markdown

Add .md to any page URL to get its Markdown source. You can also send the headerAccept: text/markdown to the page URL itself.

To read the whole documentation in one file, open llms-full.txt. For a short index of every page, open llms.txt.