Welcome to Your New Blog!

This is a sample blog post to demonstrate the features of this blog template. This template is built with modern web technologies and includes everything you need to create a professional blog.

Features

Here are some of the key features included in this template:

• Next.js App Router - Latest Next.js with App Router for optimal performance
• MDX Support - Write content in Markdown with React components
• Tailwind CSS 4 - Modern styling with the latest Tailwind CSS
• shadcn/ui - Beautiful, accessible components
• SEO Optimized - Built-in meta tags and Open Graph support
• Reading Time - Automatic reading time calculation
• Tags & Categories - Organize your content
• Responsive Design - Looks great on all devices

Getting Started

To get started with this template:

1. Clone the repository

   git clone https://github.com/yourusername/blog-template
   cd blog-template
   

2. Install dependencies

   npm install
   

3. Start the development server

   npm run dev
   

4. Customize the configuration Edit the src/lib/site.config.ts file to customize your blog settings.

Writing Posts

Create new blog posts in the content/posts directory. Each post should be a .mdx file with frontmatter:

---
title: "Your Post Title"
description: "A brief description of your post"
date: "2024-01-15"
author: "Your Name"
tags: ["tag1", "tag2"]
categories: ["category1"]
featured: false
image: "/images/your-image.jpg"
---

Your content here...

Customization

You can customize the blog's appearance by editing the src/lib/site.config.ts file. This includes:

• Colors - Primary, secondary, and accent colors
• Typography - Font families and sizes
• Layout - Spacing and sizing
• Content - Blog settings and SEO

Deployment

This template is ready to deploy to platforms like:

• Vercel (recommended for Next.js)
• Netlify
• GitHub Pages
• Any static hosting service

Simply push your code to a Git repository and connect it to your hosting platform.

---

Happy blogging! 🚀