merryHunter/merryHunter.github.io

Personal blog

โ˜… 0Forks 0HTMLGitHub โ†—Compare

README

Tech Blog - Next.js

A modern tech blog built with Next.js, TypeScript, and Tailwind CSS.

Features

  • โœจ Modern, responsive design with dark mode support
  • ๐Ÿ“ MDX support for rich blog posts
  • ๐Ÿš€ Static site generation for optimal performance
  • ๐ŸŽจ Tailwind CSS for styling
  • ๐Ÿ“ฑ Mobile-friendly interface
  • ๐Ÿ” SEO optimized

Development

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

# Start production server
npm start

Project Structure

โ”œโ”€โ”€ app/              # Next.js app router pages
โ”œโ”€โ”€ components/       # React components
โ”œโ”€โ”€ content/blog/     # MDX blog posts
โ”œโ”€โ”€ lib/             # Utility functions
โ””โ”€โ”€ public/          # Static assets

Adding Blog Posts

Create a new .mdx file in content/blog/ with frontmatter:

---
title: "Your Post Title"
date: "2024-01-01"
excerpt: "Brief description"
tags: ["tag1", "tag2"]
---

Your content here...

Deployment

The site is configured to deploy automatically to GitHub Pages via GitHub Actions when pushing to the main branch.

Contributors

merryHunter

Issues