An open API service indexing awesome lists of open source software.

https://github.com/unoforge/uno-nuxtjs-boilerplate

UnoCSS NuxtJs boilerplate
https://github.com/unoforge/uno-nuxtjs-boilerplate

boilerplate boilerplate-template nuxt-starter nuxt-starter-template unify-ui unifyui unocss-boilerplate unocss-starter

Last synced: 12 months ago
JSON representation

UnoCSS NuxtJs boilerplate

Awesome Lists containing this project

README

          

# Nuxt 3 + UnoCSS Starter

A minimal starter project that combines NuxtJS and UnoCSS.
It includes essential dependencies like clsx, tailwind-merge,unhead. It leverages various tools and libraries to provide a seamless development experience.

## 💻 Stack/Dependencies

- [nuxt](https://nuxtjs.org/): A framework for building Vue.js applications with server-side rendering, routing, and more.
- [nuxt/image](https://image.nuxtjs.org/): A module for optimizing and serving images in Nuxt.js applications.
- [nuxtjs/color-mode](https://github.com/nuxt-community/color-mode): A module for adding dark mode support to Nuxt.js applications.
- [unocss/nuxt](https://unocss.io/): A module for integrating the Uno CSS framework with Nuxt.js applications.
- [clsx](https://github.com/lukeed/clsx): A utility for constructing CSS class strings in JavaScript.
- [tailwind-merge](https://github.com/benface/tailwind-merge): A utility for merging Tailwind CSS classes in JavaScript.

## Setup

1. Clone the uno-nuxtjs-boilerplate repository:

```sh
git clone https://github.com/unify-ui-dev/uno-nuxtjs-boilerplate
```

2. Make sure to install the dependencies:
```bash
# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install
```

## Development Server

Start the development server on `http://localhost:3000`:

```bash
# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev
```

## Production

Build the application for production:

```bash
# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build
```

Locally preview production build:

```bash
# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview
```

Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

## 📄 License

This project is licensed under the **MIT License** - see the [**MIT License**](LICENSE) file for details.