tailwindcss + nuxt3.js template

Related tags

Scaffold tailnuxt
Overview

TailNuxt template

This is a Nuxt3 port of the Tailnext template.

This was my first attempt to translate an existing template from react to vue, so there may be some errors. Pull requests are welcome.

Built from Scratch - Nuxt3 with tailwindcss

This repo was built from scratch.

If you just want to use the Tailnuxt template, simply clone this repo and build.

If you don't want to use this template but want to build Nuxt3 with Tailwindcss from scratch, here are the instructions. We used RC12 version of Nuxt3.

npx nuxi init nuxt-app
yarn add -D [email protected] [email protected] [email protected]
yarn add -D @nuxtjs/tailwindcss
yarn dev

Edit nuxt.config.ts to be:

export default defineNuxtConfig({
      buildModules: ['@nuxtjs/tailwindcss']
})

Then, do the following:

  • remove App.vue
  • create pages directory
  • add index.vue and your vue content accordingly.

More Nuxt 3 Resources

Links to components used in this template:

Nuxt 3 Minimal Starter

Look at the nuxt 3 documentation to learn more.

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Development Server

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

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Checkout the deployment documentation for more information.

You might also like...
A terminal style interactive website built with Nuxt3.
A terminal style interactive website built with Nuxt3.

Terminal.me A terminal style website. The Nuxt3 version of m4tt72/terminal. Motivation Unix-like amateur Frontend/Web enthusiast Vue/Nuxt fan Open sou

This template allows you to quickly scaffold a Vue project with Vue Router, VueX, TailwindCss with JIT Compiler and vite as a bundler.
This template allows you to quickly scaffold a Vue project with Vue Router, VueX, TailwindCss with JIT Compiler and vite as a bundler.

This template allows you to quickly scaffold a Vue project with Vue Router, VueX, TailwindCss with JIT Compiler and vite as a bundler.

This template should help get you started developing with Vue 3, Typescript and Tailwindcss in Vite.

Starter Vue 3 + Typescript + Vite + Tailwindcss This template should help get you started developing with Vue 3, Typescript and Tailwindcss in Vite. T

Full stack Nuxt 3 Template starter with Supabase and Tailwindcss
Full stack Nuxt 3 Template starter with Supabase and Tailwindcss

Top Nuxt 3 Starter Template Fastest and most comfortable development experience started template With ๐Ÿ’š from @ctwhome, inspired by @antfu vitesse Fea

Simple Vue-js project template for hackathon based on tailwindcss
Simple Vue-js project template for hackathon based on tailwindcss

Simple Vue-js project template for hackathon based on tailwindcss

Free & open-source template to create a curated directory of websites without (or with) codeFree & open-source template to create a curated directory of websites without (or with) code
Free & open-source template to create a curated directory of websites without (or with) codeFree & open-source template to create a curated directory of websites without (or with) code

CuratedStack Nocode Template ๐Ÿ“‘ Free & open-source template to create a curated directory of websites without (or with) code ๐Ÿ‘‰ Check the demo website

Template creates with Vite that includes a Vue 3 app template with routes and store. Regarding css we use Tailwind CSS

Template creates with Vite that includes a Vue 3 app template with routes and store. Regarding css we use Tailwind CSS

๐Ÿ˜ Awesome Vue Boilerplate ๐Ÿฅณ Vue ๐Ÿฅฐ Vuex, vuex-pathify ๐Ÿค— element-ui ๐Ÿคฒ tailwindcss

Awesome Vue Boilerplate This is an ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI 3. Getting

Dark themed, SEO friendly: Nuxt Content + TailwindCSS + Firebase + i18n + RSS2 based SPA for procrastinating developers to quickly spin up their own kickass blog and showcase their projects.
Dark themed, SEO friendly: Nuxt Content + TailwindCSS + Firebase + i18n + RSS2 based SPA for procrastinating developers to quickly spin up their own kickass blog and showcase their projects.

Dark themed, SEO friendly: Nuxt Content + TailwindCSS + Firebase + i18n based SPA for procrastinating developers to quickly spin up their own kickass blog and showcase their projects.

Comments
  • Bump loader-utils from 2.0.3 to 2.0.4

    Bump loader-utils from 2.0.3 to 2.0.4

    Bumps loader-utils from 2.0.3 to 2.0.4.

    Release notes

    Sourced from loader-utils's releases.

    v2.0.4

    2.0.4 (2022-11-11)

    Bug Fixes

    Changelog

    Sourced from loader-utils's changelog.

    2.0.4 (2022-11-11)

    Bug Fixes

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 1
Owner
Bitkarrot
GPG 1421 BF6C 4DC9 817F #bitcoin and #lightning
Bitkarrot
tailwindcss + nuxt3.js template

TailNuxt template This is a Nuxt3 port of the Tailnext template. This was my first attempt to translate an existing template from react to vue, so the

Bitkarrot 2 Nov 6, 2022
Nuxt3 (Nuxt 3) best starter repo, Tailwindcss, Sass, Headless UI, Vue, Pinia, Vite

Nuxt 3 Starter We recommend to look at the documentation. Preview Deploy your own This starter template also includes: Tailwind CSS v3.0.0-alpha โš  Hea

Mehmet 368 Nov 15, 2022
Starter template for Nuxt3 + Primer CSS

Nuxt3 + Primer CSS Starter Nuxt3 + Primer CSS starter template. Warning Nuxt3 is still in RC version. Nuxt3 (Vue3 Framework) Primer CSS (CSS Framework

Yumamama 2 Jun 23, 2022
nuxt3 boilerplate with tailwind and dynamic routes.

Nuxt 3 Minimal Starter We recommend to look at the documentation.

JDIZM 54 Oct 13, 2022
Nuxt3 with brilliant bells and useful whistles

Nuxt Starter Kit Nuxt Starter Kit is an opinionated boilerplate based off of Nuxt3(beta), with all the bells and whistles you would want ready, up and

Aftab Alam 115 Nov 21, 2022
Nuxt Starter Kit - an opinionated boilerplate based off of Nuxt3

Nuxt.js 3 + Supabase starter for Typescript lovers Nuxt Starter Kit is an opinionated boilerplate based off of Nuxt3(beta), with all the bells and whi

Elia 4 May 21, 2022
โšก A starter example with Nuxt3 + Windi CSS + Iconify + Element-plus + Pinia + Docker

Nuxt3 + Windi CSS + iconify + element-plus ๅˆ›ๅปบ้กน็›ฎ ็ฎ€ไป‹ Nuxt 3 - The Hybrid Vue Framework (nuxtjs.org) Build your next application with Vue 3 and experienc

่ฅฟๅŒ—็›ฒๆตๅญ 7 Nov 8, 2022
A blog application with nuxt3, windicss, nuxt-content

A blog application with nuxt3, windicss, nuxt-content

eggp 3 Aug 16, 2022
Nuxt3+Composition API+Vant3+AppWrite

Nuxt3+Composition API+Vant3+AppWrite

Nexmoe 6 Nov 26, 2022
Link Shortner built with Nuxt3-Prisma-TRPC

Link Shortener built with Nuxt3-Prisma-TRPC Built with Nuxt3 Prisma TRPC-Nuxt Plugins Tailwindcss Formkit Daisyui Auto Animate Environment Variables D

Matthew 2 Oct 2, 2022