A blog starter template built with Nuxt and Tailwind CSS
NuxtVueBlogStarter
nuxt-blog-starter-wisp — Nuxt Blog Template
By Wisp-CMS
A blog starter template built on Nuxt and Tailwind CSS, with articles hosted by Wisp CMS, including tag filtering, an about page, and related article recommendations.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-03View source
What stands out
A quick read of the recorded project description.
Article content is hosted by Wisp CMS and connected via blogId
Supports filtering the article list by tag
Includes an about page and automatic related article recommendations
Uses TypeScript and is configured with ESLint static checking
Provides deployment entry points for Netlify and Vercel
Template Details
This is a Nuxt starter template for blog scenarios, using Tailwind CSS for styling and publishing and managing articles through Wisp CMS. Features listed in the repository description include a responsive mobile layout, filtering articles by tag, an about page, and automatic related article recommendations. The template uses TypeScript and is configured with ESLint for static checking.
Before use, you need to register an account with Wisp and create a blog, then fill the obtained blogId into the buildWispClient configuration in plugins/wisp.ts, and then install dependencies and start the development server. The repository also provides deployment entry points for Netlify and Vercel.
Note that article data depends on Wisp, an external CMS service, and the template itself does not include a content management backend; third-party assets such as images, fonts, and icons in the demo need to be checked separately under their respective licenses, and hosting and CMS services may incur additional costs.
NuxtVueBlogStarter
Is it right for your project?
Use Cases
- Quickly setting up a blog site that uses Wisp CMS as its content source
- Migrating from static blogs such as Jekyll, Hugo, or Gatsby to Nuxt
- Blog pages that need tag filtering and related article recommendations
- A personal blog deployed to Netlify or Vercel
Suitable For
- Developers who want to build a blog with Nuxt and accept an external CMS
- Projects that need ready-made blog page structure and tag filtering
- Personal sites intended for deployment to Netlify or Vercel
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Install dependencies with npm i or bun i
- 2
After registering with Wisp and creating a blog, fill the blogId provided on the setup page into plugins/wisp.ts
- 3
Replace the blogId placeholder in the buildWispClient configuration, then run npm run dev or bun dev
- 4
By default, visit http://localhost:3000 locally to view the result
- 5
Before deployment, configure the PUBLIC_BLOG_ID environment variable on the hosting platform
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of that version and does not mean that external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, used commercially, and distributed free of charge.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Before use, you must register an account with Wisp CMS and create a blog, obtain the blogId from the setup page, and fill it into plugins/wisp.ts; article data depends on this external CMS service, and the template itself does not include a content management backend.
- Blog article content is hosted by Wisp, an external CMS, and articles can only be displayed normally by relying on its service; hosting and CMS services may incur additional costs.
- Demo images, fonts, icons, and other third-party assets need to be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may be charged separately.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
replace the `blogId` in `/plugins/wisp.ts` with the blog ID obtained from your wisp setup tab after you've created an account
Original README
https://github.com/Wisp-CMS/nuxt-blog-starter-wisp/blob/master/LICENSEhttps://github.com/Wisp-CMS/nuxt-blog-starter-wisp/blob/master/README.mdWisp is a modern CMS for adding blogs to websites
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 73 / 100
- Technologies
- Nuxt · Vue
- Website type
- Blog · Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2024-07-25
- Screenshot last checked
- 2026-10-03
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Nuxt as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 0451687a176d724912736aa8f3e6151395b504533a45796f56247d5ab1154277
2026-10-03T06:26:56.566Z
Source file / repository# A Minimalist Nuxt.js 3.12 Blog Starter Template - Backed by Wisp CMS<!-- omit in toc -->
[](https://nuxt-blog-starter-wisp.vercel.app/)
[](https://app.netlify.com/start/deploy?repository=https://github.com/Wisp-CMS/nuxt-blog-starter-wisp/) [](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FWisp-CMS%2Fnuxt-blog-starter-wisp&env=PUBLIC_BLOG_ID&envDescription=Blog%20ID%20obtained%20from%20the%20Setup%20Page%20on%20Wisp%20CMS&demo-title=Demo%20Travel%20Blog&demo-description=Demo%20travel%20blog%20using%20Nextjs%2014%20Server%20Component&demo-url=https%3A%2F%2Fnuxt-blog-starter-wisp.vercel.app%2F&demo-image=https%3A%2F%2Fimagedelivery.net%2FlLmNeOP7HXG0OqaG97wimw%2Fclvlugru90000o4g8ahxp069s%2F32432ccf-57a8-4992-8c51-e5a47e110018.png%2Fpublic)
**Featured Links**
- [Demo Blog](https://nuxt-blog-starter-wisp.vercel.app/)
- [Editing Experience](https://youtu.be/uSKO8J38T98)
<!-- - [Documentation](https://www.wisp.blog/docs/next-js-blog-starter-kit/overview) -->
<!-- - [Video Tutorial](https://www.wisp.blog/docs/next-js-blog-starter-kit/running-blog) -->
<!-- - [Feature Walkthrough](https://youtu.be/7wVYAGhDmdY) -->
This is a [Nuxt.js](https://nuxt.com/), [Tailwind CSS](https://tailwindcss.com/) blog starter template. This version is using Nuxt 3.12 and uses [Wisp](https://wisp.blog/?utm_source=github&utm_medium=web&utm_campaign=nuxt-blog-starter-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](https://www.wisp.blog/blog/suggesting-related-blog-post-with-ai-content-recommendation)
## Technologies
- [Nuxt.js 14](https://nuxt.com/) using TypeScript
- [Wisp](https://wisp.blog/?utm_source=github&utm_medium=web&utm_campaign=nuxt-blog-starter-wisp) to manage blog posts
- [Tailwind CSS](https://tailwindcss.com/) for CSS framework
- [ESLint](https://eslint.org/) for static analysis
- [TypeScript](https://www.typescriptlang.org/) for type safety
## Quick Start Guide
First, install the dependencies:
```bash
# 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:
```bash
# npm
npm run dev
# bun
bun dev
```
Open [http://localhost:3000](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](https://www.wisp.blog/docs?utm_source=github&utm_medium=web&utm_campaign=nuxt-blog-starter-wisp)
Explore similar templates
Compare previews and descriptions within the same stack and category.
laravel-nuxt
A Laravel + Nuxt decoupled starter kit with built-in login, registration, email verification, password reset, and Socialite third-party login (GitHub example), switchable between SPA and SSR.
Nuxt · Starter
canvas
Canvas is a Nuxt-based portfolio template that uses Nuxt Content for content management and Nuxt UI with Tailwind CSS for pages.
Nuxt · Portfolio
alpine-theme
Alpine is a minimalist blog theme built on Nuxt and Nuxt Content, supporting Markdown and MDC syntax with over 30 components from Nuxt Elements.
Nuxt · Blog
bael-template
Bael is a brutalist-style blog template built with Nuxt.js and Vue.js, using Netlify CMS for content management and deploying to Netlify. Content is stored as files in a Git repository and edited through the /admin path.
Nuxt · Blog
nuxt3-starter
A Nuxt 3 starter template generated by nuxi, preconfigured with UnoCSS, unplugin-icons, Pinia, and VueUse. It suits developers who need a quick Nuxt 3 project skeleton with atomic CSS and auto-import workflows, and is available under the MIT license.
Nuxt · Starter
starter
The official Nuxt starter template for Nuxt UI, based on Nuxt and Vue. It provides a runnable project skeleton, an online demo, and Nuxt UI installation documentation, with README commands for creating, installing, developing, building, and previewing.
Nuxt · Starter