Boilerplate with Foundations for Sites in NuxtJS

Nuxtation

This repository is one example of how to integrate Foundation for Sites into the progressive Vue.js framework, the Nuxt.js project.

I’ve made two projects (Phase I and Phase II) that have linked the Foundation framework to Vue.JS, and this is the natural progression.

In addition, I use the component of vue-foundation as well as the two above.

To set up the template manually, you can first download it in Git.

 git clone git@github.com:annrie/Nuxtation.git projectname
 cd projectname

Then, open the folder on the command line and install the required dependencies. You can also use npm, but I’m using yarn2.

# install dependencies
npx @yarnpkg/doctor # Setup of yarn2
echo "nodeLinker: node-modules" > .yarnrc.yml
yarn install

Finally, run yarn dev to start up the server. The finished site will be created in a folder named dist which can be viewed at the following URL.

http://localhost:3000

In order to build a static files, perform the following command yarn generate is executed. This is output to the dist directory.

Author: annrie

Live Demo: https://nuxtation.phantomoon.com/

GitHub: https://github.com/annrie/Nuxtation

#vuejs #javascript #nuxtjs #vue-js #vue