Blog Setup - MDX

In the boilerplate project, we have already setup everything for you to start writing your blog posts. We have created a articles directory inside the app directory where you can add your blog posts as MDX files.

Writing a Blog Post

To write a blog post, you can create a new folder give it a name of your choice and inside that folder, create an page.mdx file.

Here is an example of how you can structure your blog post:

import ArticleLayout from "@/src/components/article/articleLayout";
 
export const article = {
	author: "JaneTechGuru",
	date: "2024-06-16",
	title: "Harnessing the Power of Advanced Analytics with Voxstar.ai",
	description:
		"Discover how advanced analytics can transform your business insights and decision-making processes. In this article, we'll explore the benefits of using Voxstar.ai for advanced analytics.",
	tags: ["Advanced Analytics", "Business Intelligence", "Voxstar.ai"],
};
 
export const metadata = {
	title: article.title,
	description: article.description,
	keywords: article.tags.join(", "),
};
 
export default (props) => <ArticleLayout article={article} {...props} />;
 
# Harnessing the Power of Advanced Analytics with Voxstar.ai
 
In today's competitive business environment, data isn't just an asset—it's a key driver of strategic decisions. **Leveraging advanced analytics tools like Voxstar.ai enables businesses to turn raw data into actionable insights**, positioning them for growth and success. Here's why integrating advanced analytics into your operations is not just beneficial but necessary.
 
...rest of the article

In the above example, we have created a blog post titled "Harnessing the Power of Advanced Analytics with Voxstar.ai". We have defined the author, date, title, description, and tags for the article. We have also defined the metadata for the article, which includes the title, description, and keywords.

The ArticleLayout component is a custom component that we have created to render the blog post content. You can customize this component to suit your needs.

So you just need to create a new folder inside the articles directory, create an page.mdx file, and start writing your blog post and your blog post will be automatically rendered on the website.

Rewardful - Affiliate Program Middleware