NextJS Markdown Blog
SupaLaunch comes with a blog feature out of the box. You can see the demo here.
The code for the blog is located in the @/app/blog
folder. Posts are written in markdown and located in the /posts
folder. Each post has the following parameters:
title: Post title that goes to the meta title tag and the page title
description: Post description that goes to the meta description tag
slug: Post slug that goes to the URL. Post URL will be `https://your-website.com/blog/slug`
date: 4 Feb 2024
author: John Doe
image: "/blog/supalaunch-blog-post/thumbnail.png"
tags:
- supalaunch
- blog
- post
You can add new posts by creating a new .MDX file in the /posts
folder. All posts are added to the sitemap automatically.
If you add tags to the post, the tags will be displayed on the post page. You can click on the tag to see all posts with the same tag.
Images for posts can be stored in /public
folder. You can reference them in the post parameters like this: image: "/blog/supalaunch-blog-post/thumbnail.png"
.
Full list of supported Markdown tags can be found here. Feel free to add other MDX Remote plugins if you need more functionality.