Skip to content

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

Notifications You must be signed in to change notification settings

themarcba/nuxt-template

Repository files navigation

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.

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published