Overview:
The personal blog monorepo is a comprehensive project that includes a variety of features and tools tailored to enhance the blogging experience. From Next.js with App Router to Tailwind CSS for styling, this repository offers a rich collection of components and functionalities to create a visually appealing and user-friendly blog. With strict TypeScript and ESLint configurations, SEO optimization, responsive design, and a host of other features, this blog template provides a solid foundation for sharing thoughts and projects in an engaging way.
Features:
- Next.js 14 with App Router
- MDX for flexible content creation
- Tailwind CSS for customizable styling
- Radix UI for accessible UI components
- Strict TypeScript and ESLint configuration
- Responsive design for seamless user experience
- Light / Dark mode for personalized viewing
- SEO optimization with meta tags and JSON-LD
- RSS feed and Sitemap for enhanced visibility
- Umami Analytics for tracking website performance
- Blog with comments, likes, and post views
- Blog post search functionality
- Table of contents for blog posts
- Image zoom feature for detailed viewing
- Code syntax highlighting using Shiki
- Animation effects with Framer Motion
- High LightHouse score for optimal performance
- Vitest for unit and integration tests
- Playwright for end-to-end tests
- Husky & Lint Staged for code formatting
- Conventional commit lint for standardized commit messages
- NextAuth.js for authentication
- Prettier for code formatting
- Drizzle ORM for data management
- t3-env for validating environment variables
- Auto refresh feature for quick updates
- Open graph image using next/og
- Redis for caching data
- Upstash for API rate limiting
- CSpell for spell checking
Installation:
- Make sure you have Node.js installed (>= v20.11.0) with corepack enabled.
- Install pnpm (>= v9.x) package manager.
- Set up Visual Studio Code with recommended extensions.
- Optionally install React Developer Tools for enhanced development experience.
- Follow the contributing guidelines in the repository to start the app locally and contribute to the project.
Summary:
The personal blog monorepo is a feature-rich project that offers a wide range of tools and functionalities for creating and managing a blog effectively. With a focus on performance, accessibility, and user experience, this repository incorporates popular frameworks and libraries to streamline the development process. From code syntax highlighting to responsive design and SEO optimization, this blog template provides a solid foundation for building a visually appealing and engaging online presence.