https://github.com/roileo/nuxt3-content
Nuxt 3 Content Blog 📓
https://github.com/roileo/nuxt3-content
nuxt3 windicss
Last synced: 8 months ago
JSON representation
Nuxt 3 Content Blog 📓
- Host: GitHub
- URL: https://github.com/roileo/nuxt3-content
- Owner: roiLeo
- Created: 2022-05-24T12:39:08.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-07-01T08:01:35.000Z (over 3 years ago)
- Last Synced: 2025-02-19T06:42:30.668Z (8 months ago)
- Topics: nuxt3, windicss
- Language: Vue
- Homepage: https://nuxt3-content.netlify.app/
- Size: 454 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://nuxt3-content.netlify.app/)
# Content Wind
A lightweight Nuxt template to write a Markdown driven website, based on [Nuxt Content](https://content.nuxtjs.org), [WindiCSS](https://windicss.org/) and [Iconify](https://iconify.design).
- [Demo & Docs](https://nuxt3-content.netlify.app/)
- [Play online](https://stackblitz.com/github/roiLeo/nuxt3-content?file=content%2F1.index.md)
## Features
- Create pages in Markdown in the `content/` directory
- Enjoy meta tag generation from Markdown files
- Switch between Light & Dark mode :moon:
- Generated navigation based on your pages
- Access 100,000 icons from 100+ icon sets with the `` component
- Highlight code blocks with [Shiki](https://shiki.matsu.io)
- Create Vue components and use them in your Markdown
- Deploy on any Node or Static hosting: GH Pages, Vercel, Netlify, Heroku, etc.
## Usage
Take a look at [nuxt3-content.netlify.app](https://nuxt3-content.netlify.app/) for the complete documentation.
## Setup
Make sure to install the dependencies:
```bash
# yarn
yarn install
# npm
npm install
```
## Development Server
Start the development server on http://localhost:3000
```bash
yarn dev
```
## Deployment
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FroiLeo%2Fnuxt3-content) [](https://app.netlify.com/start/deploy?repository=https://github.com/roiLeo/nuxt3-content)
### Static Hosting
Pre-render the website to be deployed on any static hosting:
```bash
yarn generate
```
The `dist/` directory is ready to be deployed (symlink to `.output/public`), [learn more on Nuxt docs](https://v3.nuxtjs.org/guide/deploy/static-hosting).
### Node server
Build the application for production:
```bash
yarn build
```
Start the server in production:
```bash
node .output/server/index.mjs
```
Learn more on [Nuxt docs](https://v3.nuxtjs.org/guide/deploy/node-server) for more information.