# nuxt3_blog

**Repository Path**: yulinglsy/nuxt3_blog

## Basic Information

- **Project Name**: nuxt3_blog
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-01-01
- **Last Updated**: 2024-01-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h2 align="center">
    Nuxt 3 With Tailwindcss 3
</h2>

<pre align="center">
🔥 If We need anything, I will add it.
</pre>

<p align="center">
The template that starts tailwindcss fastest on nuxt3 without annoying settings
</p>

## Features
- 💚 [Nuxt 3](https://v3.nuxtjs.org) - SSR, ESR, File-based routing, components auto importing, modules, etc.
- ⚡️ [Vite](https://vitejs.dev/) - Instant HMR
- 🎨 [Tailwindcss](https://tailwindcss.com/) - A utility-first CSS framework for rapidly building custom user interfaces.
- ⚒️ [HeadlessUI](https://headlessui.dev/) - A set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
- 🔥 The `<script setup>` syntax
- 🍍 [State Management via Pinia](https://pinia.esm.dev/)
- 📥 APIs auto importing - For Composition API, VueUse and custom composables.
- 🏎 Zero-config cloud functions and deploy
- 🦾 [TypeScript](https://www.typescriptlang.org/), of course

### Nuxt Modules
- [VueUse](https://github.com/vueuse/vueuse) - collection of useful composition APIs
- [ColorMode](https://github.com/nuxt-community/color-mode-module) - dark and Light mode with auto detection made easy with Nuxt.
- [Pinia](https://pinia.esm.dev/) - intuitive, type safe, light and flexible Store for Vue.
- [NuxtIcon](https://github.com/nuxt-modules/icon) - Icon module for Nuxt with 100,000+ ready to use icons from [Iconify](https://iconify.design/).
- [NuxtHeadlessUI](https://github.com/P4sca1/nuxt-headlessui) - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
- [NuxtVitest](https://github.com/danielroe/nuxt-vitest) - A vitest environment for testing code that needs a Nuxt runtime environment
- [NuxtDevtools](https://github.com/nuxt/devtools) - Nuxt DevTools is a set of visual tools that help you to know your app better.

## IDE
- [Visual Studio Code](https://code.visualstudio.com/)
- [Volar](https://github.com/johnsoncodehk/volar)
- [Tailwindcss-Intellisense](https://github.com/tailwindlabs/tailwindcss-intellisense)
- [Iconify IntelliSense](https://github.com/antfu/vscode-iconify)
- [VSCode Goto Alias](https://github.com/antfu/vscode-goto-alias)

## Try it now!

### GitHub Template

[Create a repo from this template on GitHub](https://github.com/initred/nuxt3-tailwindcss3-starter-kit/generate).

### Clone to local

If you prefer to do it manually with the cleaner git history

```bash
npx degit initred/nuxt3-tailwindcss3-starter-kit my-nuxt3-app
cd my-nuxt3-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm
```