Nuxtation

English | Japanese

Boilerplate with Foundations for Sites in NuxtJS

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

Motivation for development

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.

Adding SCSS Libraries like Foundation to Vue's Nuxt.js provided the initial impetus. Thank you very much.

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

Setup

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

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

Installation

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.

License

MIT Copyright © 2020-present, Annrie