Nuxt Blog

Overview

This article discusses a blog built with Nuxt 3, Nuxt Content 2, Vue 3, and Tailwind CSS. It highlights the features and benefits of using this particular setup for building a blog.

Features

• Write blog with markdown file: Users can write their blog content using markdown files, which makes the process simpler and more efficient.
• Auto generate category from blog post: The blog system automatically generates categories based on the content of the blog posts, reducing the manual categorization effort.
• Blog list page with search and pagination: The blog system provides a blog list page with search functionality and pagination, making it easier for users to navigate and find specific blog posts.
• About me page for user info: Users can create an “About Me” page to provide information about themselves, allowing readers to get to know the author better.
• Auto generate table of content for blog post: The system automatically generates a table of contents for each blog post, enhancing the readability and navigation within the post.
• Auto generate Sitemap: The blog system automatically generates a sitemap, helping with search engine optimization and improving the visibility of the blog.
• Url preview with Nuxt ogImage: The system generates URL previews with Nuxt ogImage, allowing for better visual representations when sharing blog posts on social media.
• Dark and light mode: The blog system offers a dark and light mode, providing a customizable reading experience for users.
• Server-Side Rendered (SSR) with Nuxt 3: The blog is built with Nuxt 3, which offers server-side rendering capabilities for improved performance and SEO.

Installation

To install and set up the blog theme, follow these steps:

1. Install Node.js 16+.
2. Run the command npm run build.
3. Set up the required dependencies.

Summary

This article introduces a blog built with Nuxt 3, Nuxt Content 2, Vue 3, and Tailwind CSS. It highlights the key features of the blog system, including the ability to write blogs with markdown files, automatic category generation, a search and pagination functionality, an “About Me” page, auto-generated table of contents, sitemap generation, URL previews, dark and light mode options, and server-side rendering. The article also includes instructions for installing and setting up the blog theme.