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.

    config/blog.ts
    export const BLOG_AUTHORS = {
  magesh: {
    name: "magesh",
    image: "/_static/avatars/magesh.png",
    twitter: "magesh",
  },
  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
  -magesh 
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.

    config/blog.ts
    export const BLOG_CATEGORIES: {
  title: string;
  slug: "news" | "education" | "nextjs" | "deployment";
  description: string;
}[] = [
  {
    title: "News",
    slug: "news",
    description: "Updates and announcements from Next SaaS Starter.",
  },
  {
    title: "Education",
    slug: "education",
    description: "Educational content about SaaS management.",
  },
  {
    title: "Next.js",
    slug: "nextjs",
    description: "Next.js tips and tricks.",
  },
  {
    title: "Deployment",
    slug: "deployment",
    description: "Deployment tips and tricks.",
  }
];

    Add in a blog post

    Add your new category in your blog post like this:

    ---
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
  - magesh
categories:
  - deployment
  - nextjs
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
  - magesh
categories:
  - news
related:
  - server-client-components
  - preview-mode-headless-cms
---