A Minimalist Nuxt.js 3.12 Blog Starter Template - Backed by Wisp CMS

Featured Links

• Demo Blog
• Editing Experience

This is a Nuxt.js, Tailwind CSS blog starter template. This version is using Nuxt 3.12 and uses Wisp for publishing blog posts.

Probably the most feature-rich Nuxt.js blog template out there that is easily configurable and customizable. It's perfect as an upgrade from blogs using Jekyll, Hugo, Gatsby, Contentlayer, or ContentCollections.

About Wisp

Wisp is a modern CMS for adding blogs to websites. It features an intuitive, medium-like editorial experience so that you can focus on writing instead of getting distracted by markdown.

Features

• Beautiful blog starter kit
• Responsive layout for mobile devices
• Filter blog posts by tags
• About page
• Automatic Related Posts suggestions

Technologies

• Nuxt.js 14 using TypeScript
• Wisp to manage blog posts
• Tailwind CSS for CSS framework
• ESLint for static analysis
• TypeScript for type safety

Quick Start Guide

First, install the dependencies:

# npm
npm i

# bun
bun i

Then, replace the blogId in /plugins/wisp.ts with the blog ID obtained from your wisp setup tab after you've created an account:

export const wisp = buildWispClient({
  baseUrl: "https://www.wisp.blog",
  blogId: "<REPLACE_WITH_YOUR_BLOG_ID>",
});

Finally, run the development server:

# npm
npm run dev

# bun
bun dev

Open http://localhost:3000 with your browser to see the result.

Getting Help

Full documentation on how to get started on wisp is available on wisp's documentation site