Docs
Blog
Blog
How works blog with categories and authors.
Blog posts can have multiple categories, authors and related posts.
Authors
Create one author
Blog posts can have one or multiple authors.
Add a new object with name, image url and twitter handle to add a new author to your blog.
export const BLOG_AUTHORS = {
newauthor: {
name: "shadcn",
image: "/_static/avatars/shadcn.jpeg",
twitter: "shadcn",
},
};
Add in a blog post
Add your new author in your blog post like that :
---
title: Deploying Next.js Apps
description: How to deploy your Next.js apps on Vercel.
image: /_static/blog/blog-post-3.jpg
date: "2023-01-02"
authors:
- newauthor
categories:
- news
related:
- server-client-components
- preview-mode-headless-cms
---
Categories
Create one category
Add a new object and a slug to add a new category to your blog.
export const BLOG_CATEGORIES: {
title: string;
slug: "news" | "education";
description: string;
}[] = [
{
title: "News",
slug: "news",
description: "Updates and announcements from Next SaaS Starter.",
},
{
title: "Education",
slug: "education",
description: "Educational content about SaaS management.",
},
];
Add in a blog post
Add your new author in your blog post like that :
---
title: Deploying Next.js Apps
description: How to deploy your Next.js apps on Vercel.
image: /_static/blog/blog-post-3.jpg
date: "2023-01-02"
authors:
- newauthor
categories:
- news
related:
- server-client-components
- preview-mode-headless-cms
---
The blog post can belong to multiple categories, but currently, only the first category in the list is being displayed.
Related posts
Each blog post can have a list of related posts.
Get the filenames of the blog posts that you want and remove the .mdx
or .md
. That's all!
---
title: Deploying Next.js Apps
description: How to deploy your Next.js apps on Vercel.
image: /_static/blog/blog-post-3.jpg
date: "2023-01-02"
authors:
- newauthor
categories:
- news
related:
- server-client-components
- preview-mode-headless-cms
---