Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ilanou/nuxttest
Test Nuxt + Tailwind
https://github.com/ilanou/nuxttest
Last synced: 1 day ago
JSON representation
Test Nuxt + Tailwind
- Host: GitHub
- URL: https://github.com/ilanou/nuxttest
- Owner: IlanOu
- License: mit
- Created: 2024-03-06T13:45:55.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-15T12:16:55.000Z (6 months ago)
- Last Synced: 2024-05-16T02:02:04.727Z (6 months ago)
- Language: Vue
- Homepage: https://nuxt-test-opal.vercel.app
- Size: 394 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Introduction
This project follows on from [Alban Crepel](https://github.com/AlbanCrepel)'s course.
The aim of this project was to test different technologies that I was unfamiliar with (in this case, Nuxt and Tailwind).
I created a new Wikipedia design (because right now it's pretty lame).
Here's the link to the project: https://nuxt-test-opal.vercel.app
# Project Starter
Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
Look at this too : [Nuxt + Tailwind](https://tailwindcss.nuxtjs.org) and [TailwindCss](https://tailwindcss.com)
## Setup
Make sure to install the dependencies:
```bash
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
```
Install Tailwind:
```bash
#npm
npm install -D @nuxtjs/tailwindcss
#pnpm
pnpm i -D @nuxtjs/tailwindcss
#yarn
yarn add -D @nuxtjs/tailwindcss
```
## 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.