Nuxtation

日本語 | English

NuxtJS に Foundation for Sites を組み込んだボイラープレート

このリポジトリは、プログレッシブ Vue.js フレームワークであるNuxt.js プロジェクトにFoundation for Sitesを統合する方法の一つの例です。

開発の動機

Foundation フレームワークと Vue.JS を連携させてきた二つのプロジェクト（フェーズ Ⅰとフェーズ Ⅱ）を作ってきましたが、当然の流れとしてのこのプロジェクトです。

Adding SCSS Libraries like Foundation to Vue's Nuxt.jsが最初のきっかけを作ってくれました。ありがとうございます。

なお、先行する上記二つ同様に、vue-foundationのコンポーネントを利用させていただいています。

テンプレートを手動でセットアップするには、まず Git でダウンロードします。

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

その後、コマンドラインでフォルダを開き、必要な依存関係をインストールします。 npm も使えますが、yarn2 を使用しています。

＃ install dependencies
npx @yarnpkg/doctor # yarn2のセットアップ
echo "nodeLinker: node-modules" > .yarnrc.yml
yarn install

最後に、 yarn dev を実行してサーバーを立ち上げます。

http://localhost:3000

静的ファイルをビルドするには、次を実行します yarn generate。distディレクトリに書き出されます。