Skip to content

My personal website built with TypeScript, Next.js, and Tailwind CSS

License

Notifications You must be signed in to change notification settings

tszhong0411/honghong.me

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Cover

honghong.me

Framework Language License

Welcome to the monorepo of my personal blog! This repository houses the code for my blog, where I share my thoughts, projects, and insights. Feel free to explore and get inspired.

Features

Core Technologies

  • Next.js 15 with App Router
  • TypeScript with strict configuration
  • Tailwind CSS for styling
  • MDX for content
  • Drizzle ORM
  • I18n for internationalization support

UI/UX

  • Radix UI for accessible UI components
  • Responsive design
  • Light/Dark mode
  • Image zoom in blog posts
  • Shiki for code syntax highlighting
  • Motion for animations
  • Table of contents for blog posts

Blog Features

  • Comments system
  • Like functionality
  • Post view counter
  • Blog post search
  • RSS feed
  • Sitemap

Performance & SEO

  • Lighthouse score of nearly 100
  • SEO optimized with meta tags and JSON-LD
  • Open graph images using next/og

Development Experience

  • Vitest for unit/integration testing
  • Playwright for E2E testing
  • ESLint configuration
  • Prettier code formatting
  • Husky & lint-staged
  • Conventional commit lint
  • CSpell for spell checking
  • Auto refresh for MDX

Authentication & Data

  • NextAuth.js authentication
  • Redis caching
  • Upstash for API rate limiting
  • t3-env for environment variables
  • Umami Analytics

Email Templates

Comment Notification

Comment notification template

Reply Notification

Reply notification template

Requirements

Getting Started

Please refer to the contributing guidelines for detailed information on how to start the app locally and contribute to this project.

Credits

This project has been possible thanks to the wonderful open-source community. Special thanks to Timothy for the Tailwind nextjs starter blog template.

This project also uses / adapts the following open-source projects.

Without them, this project would not have been possible:

Referenced the following projects for inspiration:

and more but I can't remember them all

Author

License

Please do not deploy this directly to production. It is not a template and is not intended to be used as one.

This project is open source and available under the MIT License.