https://github.com/dochner/nuxt3-tailwind-atomicdesign
Nuxt 3 + TailwindCSS + Atomic Design Template
https://github.com/dochner/nuxt3-tailwind-atomicdesign
Last synced: 2 months ago
JSON representation
Nuxt 3 + TailwindCSS + Atomic Design Template
- Host: GitHub
- URL: https://github.com/dochner/nuxt3-tailwind-atomicdesign
- Owner: dochner
- Created: 2022-05-21T17:18:47.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-05-21T17:22:53.000Z (about 4 years ago)
- Last Synced: 2025-02-03T16:24:26.544Z (over 1 year ago)
- Language: TypeScript
- Size: 64.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nuxt 3 + TailwindCSS + Atomic Design
- [Nuxt 3 + TailwindCSS + Atomic Design](#nuxt-3--tailwindcss--atomic-design)
- [Features](#features)
- [Setup](#setup)
- [Development Server](#development-server)
- [Production](#production)
## Features
- [Nuxt 3](https://v3.nuxtjs.org/)
- [TailwindCSS](https://tailwindcss.com/)
- [Atomic Design](https://bradfrost.com/blog/post/atomic-web-design/)
- [Atoms](./components/atoms)
- [Molecules](./components/molecules)
- [Organisms](./components/organisms)
- [Templates](./components/templates)
- [Pages](./pages)
- [Vite](https://vitejs.dev/)
- [Unplugin Icons](https://github.com/antfu/unplugin-icons)
Look at the [nuxt 3 documentation](https://v3.nuxtjs.org) to learn more.
## Setup
Make sure to install the dependencies:
```bash
# yarn
yarn install
# npm
npm install
# pnpm
pnpm install --shamefully-hoist
```
## Development Server
Start the development server on http://localhost:3000
```bash
npm run dev
```
## Production
Build the application for production:
```bash
npm run build
```
Locally preview production build:
```bash
npm run preview
```
Checkout the [deployment documentation](https://v3.nuxtjs.org/guide/deploy/presets) for more information.