Blog

Writing blog posts is a great way to improve your website's SEO and content marketing. It helps you to rank higher in search engines, attract more visitors, and convert them into customers.

ZexaNext provides a simple way to create and manage your blog posts using .mdx files.

To create a new blog post, follow these steps: `

1. Create a new .mdx file in the content/blog directory.
2. Include the following metadata at the top of the file:

---
title: ZexaNext - A Next.js template for building a SaaS
description: Lorem Ipsum is simply dummy text of the printing.
date: 2024-03-06
published: true
author: Bhavik Agarwal
tags: [hello, world]
thumbnail: /blog/base.png
---

After the metadata section, you can write your blog post content using markdown syntax.

In this example, the blogpost will be available at http://localhost:3000/blog/file-name.

To edit the number of blogs per page, you can change the POSTS_PER_PAGE variable in the config/index.ts file.

Images

You can use images in your blog posts by placing them in the public/blog directory and referencing them relatively.

<Image src="/blog/base.png" width={400} height={400} alt="" />

Image hosting

To start, I recommend placing the images in the public/blog directory.

If you are using Vercel to host your website, the images will consume bandwidth, but if you don't have high traffic, you will certainly remain within the limits (100GB for free, 1TB on the $20/month plan).

However, if you prefer to use CDN instead, you can upload the images to a cloud storage service like AWS S3, Google Cloud Storage, or Cloudinary, and reference them using the absolute URL.