A practical starter template for Nuxt, which has Tailwind, FontAwesome, and Google fonts already built-in. Also, some common components are ready for use.

Related tags

Scaffold nuxt-template
Overview

Nuxt Template

Nuxt + Tailwind + FontAwesome + Google Fonts

This project includes a complete ready-to-go template of Nuxt, including Tailwind CSS, FontAwesome icons, and Google Fonts.

Furthermore, some basic components are already included as well:

  • Link
  • Button
  • Headings
  • Paragraph
  • Rounded corner box
  • Icons

Check out the live demo.

I have no documentation of those elements yet, but you can check out the demo page, where the elements are included.

I also made an example page on how to consume a REST API (thanks FrancescoXX for the suggestion!)

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

FontAwesome

If you want to use FontAwesome, you have to add your FontAwesome NPM Auth Token to the .env file. Copy the dotenv-example file and paste your key in there.

For detailed explanation on how things work, check out Nuxt.js docs.

You might also like...
💻 A full-featured Vuejs + Vuetify + Great structure project template + API Ready
💻 A full-featured Vuejs + Vuetify + Great structure project template + API Ready

A great way to structure and bootstrap VueJS + Vuetify + API projects

Roger Camargo 23 Nov 4, 2022
Production Ready, Carefully Crafted, Extensive Vuejs Laravel Free Admin Template 🤩
Production Ready, Carefully Crafted, Extensive Vuejs Laravel Free Admin Template 🤩

Production Ready, Carefully Crafted, Extensive Vuejs Laravel Free Admin Template 🤩

ThemeSelection 115 Dec 13, 2022
A production ready template with essential tools.

vuetify-tailwind-animate-starter A production ready template with essential tools. Project setup npm install Compiles and hot-reloads for development

null 5 Mar 23, 2022
Nuxt 3 starter template with all folders and hint

Nuxt 3 starter template with all folders and hint We recommend to look at the documentation. If you already have Node.js installed, check with node --

null 7 Apr 26, 2022
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

J. Gonzalez 95 Dec 28, 2022
Starter template for parallax effects & smooth scrolling experience. Empower your Nuxt project in no time.
Starter template for parallax effects & smooth scrolling experience. Empower your Nuxt project in no time.

Starter template for parallax effects & smooth scrolling experience. Empower your Nuxt project in no time.

Ivo Dolenc 42 Dec 11, 2022
A simple portfolio starter theme built with Nuxt.js and TailwindCSS
A simple portfolio starter theme built with Nuxt.js and TailwindCSS

Nuxt.js & TailwindCSS Portfolio - With Dark Mode A simple portfolio starter theme built with Nuxt.js and TailwindCSS. This is the Nuxt version of the

Nangialai Stoman 43 Jan 3, 2023
🐬 A Starter template built on Vite 2.x + Vue 3.x + Typescript

vite-ts-starter 🐬 A Starter template built on Vite 2.x + Vue 3.x + Typescript. Live demo: Vite TS Starter Environment Support Vue 3.x Node = 14.18.x

Wisdom 20 Dec 14, 2022
Dawn-token-swap-app - A fake Token swapping interface with simulated wallet and some pools
Dawn-token-swap-app - A fake Token swapping interface with simulated wallet and some pools

Dawn Token swap app A fake Token swapping interface with simulated wallet and so

Alba Silvente Fuentes 8 Dec 8, 2022
Comments
  • Yarn install not work!

    Yarn install not work!

    Hello! could consider help me!. I try the command: yarn install But the result is: error An unexpected error occurred: "Failed to replace env in config: ${FONTAWESOME_NPM_AUTH_TOKEN}". Yarn veresion: 1.22.5 Thank you!

    opened by jeydi243 1
  • Feature: testing?

    Feature: testing?

    Nice template! Thanks for sharing. It would be cool to have snapshot testing support out-of-the-box.

    Lots of people tend to use unit or end-to-end tests but for components, especially pages and layouts, I find snapshots much much better as they test the entire output of the component. So moving/changing a class, adding/removing attributes, or changing content, can be captured in a single line. Combine that with before and after snapshots for prop and data changes you can get a ton of coverage on your stuff.

    What do you think? I can probably submit a PR for this if you're interested

    opened by james2doyle 1
Owner
Marc Backes
Freelancing web developer who loves learning new things. Husband. Tech enthusiast. Coder. Espresso lover. Polyglot.
Marc Backes
GitHub
Nuxt3-awesome-starter - A Nuxt 3 starter template or boilerplate with a lot of useful features. Nuxt3 + Tailwindcss 3

Nuxt 3 Awesome Starter a Nuxt 3 starter template or boilerplate with a lot of us

Alfian Dwi Nugraha 663 Jan 2, 2023
Dashboard starter template built with Vue 3 and Tailwind CSS.

Dashboard starter template built with Vue 3 and Tailwind CSS.

Robert Soriano 767 Jan 2, 2023
If you are really into the "Vitesse" starter template created by Anthony Fu (Vue core team member) but want to use the clean architectural pattern instead of monolithic architecture, then you can clone this repo and use your own project. Have fun 🙂!

Mocking up web app with Vitesse(speed) with modular design pattern. Live Demo Features ⚡️ Vue 3, Vite 2, pnpm, ESBuild - born with fastness ?? File ba

Shamim Hossain 53 Dec 21, 2022
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

Marco 4 Aug 3, 2022
Practicing Nuxt.js with some frontend

Rest Countries Frontend Test Just testing Nuxt.js with TypeScript and SCSS with a https://frontendmentor.io challenge Rest Countries API: https://rest

MegaCrafter 7 Apr 9, 2021
A simple starter template for Vue JS + Tailwind

Vue Tailwind A simple starter template for Vue JS + Tailwind About This is my project on creating a simple starter template for Vue JS and Tailwind. U

Oka R. Abdillah 1 Mar 9, 2022
Vue 3 starter template: Vite / Vue 3 / Tailwind CSS / PNPM

Vue.js starter template Features: ?? Vue 3 ⚡️ Vite ?? PNPM ?? Vue Router ?? Tailwind CSS ?? Eslint with airbnb and stylelint ?? Light and dark mode co

Léonard Lecouey 44 Jan 2, 2023
Elucidator blog starter - a starter blog built with Vuejs 3, Vite, and Typescript

Elucidator blog starter Blog starter build with Vue 3 + Vite + Typescript

Elucidator Project 30 Nov 8, 2022
Simple, opinionated, fully typed, and production-ready project template for Vite.

Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter template.

Ville Säävuori 283 Dec 30, 2022
Simple, opinionated, fully typed, and production-ready project template for Vite

Vite + Vue 3 + Typescript + Tailwind Starter Simple, opinionated, fully typed, and production-ready project template for Vite. This template is practi

Julien 0 Feb 25, 2022