NuxtVueStarter

j-squared-content-template — Nuxt Starter Template

By jake-101

A personal website starter template based on Nuxt Content, with pages written in Markdown, built-in TailwindCSS, Iconify icons, and light/dark mode switching.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews

Desktop homepage1 / 3

j-squared-content-template · Desktop homepage

Visit websiteOpens in a new tab

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.

Create pages in Markdown in the content/ directory, with navigation generated automatically from pages

Markdown pages can use Nuxt layouts and embed custom Vue components

Integrates TailwindCSS and Nuxt Typography, with configurable typography components

Access icons from 100+ icon sets through Iconify's <Icon> component

Built-in light/dark mode switching, with code blocks highlighted by Shiki

Supports deployment to Node or static hosting and online editing in Nuxt Studio

Template Details

This is a content-oriented starter template for personal websites; the repository describes it as a Starter Template for Nuxt.js 3 and Nuxt Content. Page content is stored as Markdown in the content/ directory, navigation is generated automatically from existing pages, and metadata is also generated from Markdown files. The template uses TailwindCSS and Nuxt Typography for typography control, accesses icon sets through Iconify's <Icon> component, and provides light/dark mode switching. Markdown pages can use Nuxt layouts and can also embed custom Vue components; code blocks are highlighted by Shiki. The build output can be deployed to Node or static hosting environments and supports online editing in Nuxt Studio.

There are two ways to use it: copy the template repository on GitHub, or initialize a project locally with the nuxi init command using the themes/content-wind template. The repository uses the MIT license, allowing free use, modification, commercial use, and distribution; when distributing, the copyright notice and license notice must be retained. Third-party assets such as demo images, fonts, and icons need to be checked separately for their licenses, and external services such as domains and hosting may incur additional charges. The template itself does not state production readiness or performance metrics; actual usability must be verified on a per-project basis.

NuxtStarter

Is it right for your project?

Use Cases

Building a personal website focused on articles, documentation, or personal introduction
Sites that maintain content in Markdown and do not want to hand-write page routes and navigation
Projects that need to insert Vue components into Markdown for interactive content display
Lightweight content sites that want to provide both light and dark themes

Suitable For

Developers familiar with Nuxt and Markdown workflows
Individuals who need a starter template for a personal website or content-oriented site
Projects that want to mix content and components and deploy to static hosting themselves

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Copy the template repository on GitHub, or run npx nuxi@latest init -t themes/content-wind my-website to initialize locally
2
Write page content into Markdown files in the content/ directory; navigation will be generated accordingly
3
Third-party images, fonts, and icon assets must be checked separately under their respective licenses and cannot be judged solely by the code's MIT license
4
External services such as domains and hosting may incur additional costs

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This 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

The online editing feature depends on Nuxt Studio, an external service that may require account registration or a paid plan and is not a local capability of the template.
Deployment requires preparing Node or static hosting services yourself (such as Vercel, Netlify, etc.); these external hosting services may incur costs.
Icons are loaded on demand through Iconify's <Icon> component; icon assets come from third-party icon sets, and their licenses must be checked separately and are not granted together with the code's MIT license.
Demo images, fonts, icons, and other third-party assets must 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 incur additional charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

Live edit on [Nuxt Studio](https://nuxt.studio)
Original README

Deploy on any Node or Static hosting: GH Pages, Vercel, Netlify, Heroku, etc.
Original README

Access 100,000 icons from 100+ icon sets with the `<Icon>` component
Original README

https://github.com/jake-101/j-squared-content-template/blob/main/LICENSE https://github.com/jake-101/j-squared-content-template/blob/main/README.md

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 · 65 / 100
Technologies: Nuxt · Vue
Website type: 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: 2023-01-05
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.

Review declaration: [email protected] · 2026-10-04

Inspect the recorded source material

SHA-256: a4b1cf04f62ebccb292278cbb9ac304a22aa8b98b6e5f0a09876e957af29e820

2026-10-03T21:25:44.143Z

Source file / repository

[![Content Wind](https://content-wind.nuxt.space/cover.jpg)](https://content-wind.nuxt.space)

# Content Wind

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Use this template][use-template-src]][use-template-href]
[![Volta][volta-src]][volta-href]

A personal website theme powered by [Nuxt Content](https://content.nuxtjs.org), [TailwindCSS](https://tailwindcss.com), [Iconify](https://iconify.design) and [Vue components](https://vuejs.org).

- 📖&nbsp; [Demo & Docs](https://content-wind.nuxt.space)
- 🕹&nbsp; [Play online](https://stackblitz.com/github/Atinux/content-wind-template)
- 👀&nbsp; [Demo video](https://twitter.com/Atinux/status/1578505586979012608)

## Features

- Create pages in Markdown in the `content/` directory
- Use [Nuxt layouts](https://nuxt.com/docs/guide/directory-structure/layouts) in your Markdown pages
- Enjoy meta tag generation from Markdown files
- Configurable prose components with [Nuxt Typography](https://typography.nuxt.space)
- Generated navigation based on your pages
- Switch between Light & Dark mode :moon:
- Access 100,000 icons from 100+ icon sets with the `<Icon>` component
- Highlight code blocks with [Shiki](https://shiki.matsu.io)
- Create Vue components and use them in Markdown
- Deploy on any Node or Static hosting: GH Pages, Vercel, Netlify, Heroku, etc.
- Live edit on [Nuxt Studio](https://nuxt.studio)

## Get started

Duplicate the GitHub template: [Atinux/content-wind-template](https://github.com/Atinux/content-wind-template)

**Or**

Start locally:

```bash
npx nuxi@latest init -t themes/content-wind my-website
```

Then follow the instructions and you are ready to go :rocket:

## License 📎

[MIT License](./LICENSE)

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/content-wind/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/content-wind

[npm-downloads-src]: https://img.shields.io/npm/dt/content-wind.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/content-wind

[license-src]: https://img.shields.io/github/license/Atinux/content-wind.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://github.com/Atinux/content-wind/blob/main/LICENSE

[use-template-src]: https://img.shields.io/badge/⚡️-Use%20this%20template-28CF8D?style=flat&colorA=18181B&colorB=28CF8D
[use-template-href]: https://github.com/Atinux/content-wind-template/generate

[volta-src]: https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg
[volta-href]: https://volta.net/Atinux/content-wind?utm_source=readme_atinux_content_wind

Report a correction

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

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

bloggrify

Bloggrify is a Nuxt layer that turns Markdown files into a blog site, built on Nuxt Content with preconfigured analytics, newsletter, comments, SEO, RSS, and content components.

Nuxt · Blog

vitify-nuxt

Vitify Nuxt is an admin dashboard starter template built on Nuxt and Vuetify, featuring a drawer layout, automatic navigation and breadcrumbs, notification state, ECharts charts, theming and dark mode, and authentication via nuxt-auth-utils.

Nuxt · Admin dashboard