Tailwind Resources Logo Tailwind Resources
Bloggrify screenshot

Bloggrify

Author Avatar Theme by Bloggrify
Updated: 10 Jan 2026
165 Stars

A personal blog template made with Nuxt and Nuxt-content

Github Live Preview

Categories

Nuxt Scss Blog Templates & themes

Overview

Bloggr is a static blog generator built using Nuxt.js, Tailwind CSS, Nuxt-Content, and other additional tools like Hyvor Talk and mailerlite. It aims to simplify the process of creating a SEO-efficient blog with a clean design, responsiveness, and integrated features such as a comment system, RSS feed, newsletter, and sitemap. The creator of Bloggr highlights the time-saving aspect of using this blog application and provides an option for users to support the project through various means, with 10% of the benefits going to the Unicef foundation.

Features

  • Built on Nuxt.js: Utilizes Nuxt.js framework for creating static blogs.
  • Tailwind CSS Integration: Incorporates Tailwind CSS for flexible and customizable styling.
  • Nuxt-Content Support: Uses Nuxt-Content to generate blog posts from markdown files.
  • Integrated Tools: Includes features like Hyvor Talk for comments and mailerlite for newsletters.
  • SEO-Efficient Design: Focuses on creating SEO-friendly blogs with accessible design.
  • Responsive Layout: Ensures a responsive design for optimal viewing on different devices.

Installation

To set up Bloggr, follow these steps:

  1. Dependencies Installation: Make sure to install the required dependencies by running the command:

    npm install

  2. Start Development Server: Launch the development server by running:

    npm run dev

    Access the server at http://localhost:3000.

  3. Build for Production: Generate a production build by running:

    npm run build

  4. Locally Preview Production Build: Preview the production build on your local machine with:

    npm start

Summary

Bloggr is a static blog generator that simplifies the process of creating a well-structured blog with essential features pre-integrated. By leveraging technologies like Nuxt.js, Tailwind CSS, and Nuxt-Content, users can quickly set up a blog that is SEO-friendly, responsive, and visually appealing. The provision for supporting the project further enhances the community engagement aspect, while also contributing to a charitable cause.