Skip to content

Instantly share code, notes, and snippets.

@ashx3s

ashx3s/README.md

Last active November 16, 2021 20:28
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ashx3s/db43759b547b7cf909d4167d0577d482 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ashx3s/db43759b547b7cf909d4167d0577d482 to your computer and use it in GitHub Desktop.
Download ZIP
Nuxt Setup
Raw
README.md

Nuxt Setup

These are basic instructions for installing NuxtJS for CMS managed static website.

Nuxt provides a useful CLI that does a lot of the heavy lifting. You can install with yarn, npx, or npm.

  • Note that if you install with yarn, it will require that you use node v14 instead of v16 because of a strapi dependency.

Initial Setup

  • Quick start by running npm init nuxt-app <project-name>
    • Select npm for your package manager
    • Select JavaScript for your programming language
    • Select Tailwind CSS for your UI framework
    • Select content because we are using Netlify CMS
    • Select eslint or prettier depending on your pursonal configuration
    • Select none for a testing framework
    • Select Universal (SSR/Static) for your rendering mode (we will be making a static site)
    • Select Static for JAMStack hosting
    • Select jsconfig.json or Dependabot for Development tools
  • After Everything installs, Go into the project directory and set up your .gitignore by adding the following to it
    • .env
    • .nuxt
    • node_modules
  • To test your new installation run npm run dev
    • you can view it at https://localhost:3000
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment