Meta tags:
description=Learn how to use the blog feature in supastarter.;
keywords=saas boilerplate, saas starter kit, nextjs boilerplate, nuxt boilerplate, nextjs saas template, saas starter, nextjs starter kit;

Headings (most frequently used words):

blog, create, new, post, use, cms, or, external, datasource, for, posts, on, this, page,

Text of the page (most frequently used words):
the (48), post (41), blog (35), for (12), posts (11), saas (10), supastarter (10), use (10), your (9), content (9), you (9), documentation (7), cms (7), #datasource (6), this (6), image (6), next (5), 2026 (5), create (5), tags (5), date (5), title (5), marketing (5), mdx (5), awesome (5), block (5), boilerplate (4), from (4), how (4), best (4), starter (4), kit (4), new (4), feature (4), locale (4), excerpt (4), will (4), published (4), frontmatter (4), file (4), ideas (3), external (3), learn (3), internationalization (3), slug (3), authorimage (3), body (3), authorname (3), that (3), example (3), can (3), going (3), about (3), should (3), url (3), name (3), markdown (3), faq (2), building (2), build (2), start (2), changelog (2), showcase (2), and (2), tools (2), demo (2), all (2), getallposts (2), promise (2), string (2), function (2), async (2), export (2), which (2), don (2), map (2), res (2), then (2), https (2), type (2), data (2), app (2), apps (2), want (2), tell (2), author (2), cover (2), contains (2), following (2), images (2), elon (2), musk (2), with (2), like (2), first (2), based (2), collections (2), copy (2), database (2), setup (2), scratch, makerkit, shipfast, tanstack, nuxt, license, disclaimer, acceptable, terms, service, privacy, policy, become, affiliate, boilerplates, stacks, dev, tips, generator, web, development, supatools, collection, llms, txt, assistants, featured, startup, fame, rights, reserved, page, same, but, single, null, options, getpostbyslug, authorlink, author_link, author_image, rendered, raw, path, have, just, default, here, author_name, return, json, fetch, await, const, types, import, need, add, fetching, logic, gets, utilities, make, sure, modules, utils, lib, manage, after, write, whether, publically, listed, not, boolean, list, short, description, shown, overview, fields, true, jpg, png, 2023, yaml, metadata, surrounded, three, dashes, directory, com, great, alternative, headless, contentful, prismic, more, powerful, version, free, open, source, located, right, repository, why, integrates, also, custom, steps, below, prompt, complete, guide, supabase, recipes, e2e, testing, monitoring, analytics, production, background, tasks, cron, jobs, deployment, seo, mailing, storage, customization, payments, organizations, authentication, api, working, codebase, troubleshooting, configuration, tech, stack, introduction, search, see, docs, pricing,

Text of the page (random words):
blog next js documentation supastarter saas starter kit boilerplate pricing changelog showcase blog saas ideas docs see demo documentation documentation search k introduction tech stack setup configuration troubleshooting working with the codebase database api authentication organizations payments ai customization storage mailing internationalization blog documentation seo deployment background tasks cron jobs going to production analytics monitoring e2e testing recipes supabase setup build a feature a complete guide from database to ui blog supastarter for next js supastarter for next js blog learn how to use the blog feature in supastarter copy as markdown copy prompt for the blog feature supastarter integrates content collections a markdown based cms you can also use a custom datasource for your blog posts by following the steps below why content collections it is a great alternative to headless cms like contentful or prismic based on mdx a more powerful version of markdown it is free open source and the content is located right in your repository create a new blog post to create a new blog post create a new mdx file in the marketing content directory for example in apps marketing content posts the file name will be the url slug of the post for example if you want the url to be https your app com blog my first post then the file name should be my first post mdx the file will start with a frontmatter block which is a yaml like block that contains metadata about the post the frontmatter block should be surrounded by three dashes title my awesome blog post date 2023 02 28 image images blog cover png authorname elon musk authorimage images blog elon musk jpg excerpt in this post i m going to tell you about my awesome blog tags awesome post published true the frontmatter block contains the following fields title the title of the blog post date the date of the blog post image the cover image of the blog post authorname the name of the author of the blog post authorimage the url of the image of the author of the blog post excerpt a short description of the blog post that will be shown in the blog overview tags a list of tags published whether the blog post should be publically listed or not boolean after the frontmatter block you can write the content of the blog post in mdx my awesome blog post in this post i m going to tell you about my awesome blog use cms or external datasource for blog posts you can use the cms or an external datasource to create your blog posts if you don t want to use mdx to manage your posts to do this all you need to do is to add the data fetching logic that gets the posts from your cms or datasource in the marketing app blog utilities for example in apps marketing modules blog utils lib posts ts make sure to map the data to the post type import type post from marketing blog types export async function getallposts promise post const posts await fetch https your cms or datasource posts then res res json return posts map post title post title date post date authorname post author_name tags post tags published post published locale en if you don t have a locale just use your default locale here path post slug content post content this is the raw content of the post body post body this is the body of the post which will be rendered in the blog post authorimage post author_image authorlink post author_link excerpt post excerpt image post image export async function getpostbyslug slug string options locale string promise post null the same as getallposts but for a single post internationalization learn how to use internationalization in supastarter documentation learn how to use the documentation feature in supastarter on this page create a new blog post use cms or external datasource for blog posts 2026 supastarter all rights reserved featured on startup fame blog documentation llms txt for ai assistants demo supatools collection of tools for building your saas best web development tools 2026 saas ideas generator best saas ideas 2026 dev tips boilerplates and stacks faq showcase changelog become an affiliate privacy policy terms of service acceptable use disclaimer license next js saas starter kit nuxt saas starter kit tanstack start saas starter kit best saas boilerplate 2026 best next js boilerplate 2026 supastarter vs shipfast supastarter vs makerkit how to build a saas boilerplate vs building from scratch faq