Nuxt.jsのはじめかた npm

npx create-nuxt-app <project-name>

✨  Generating Nuxt.js project in designcase_hp
? Project name *****
? Project description My supreme Nuxt.js project
? Author name ****
? Choose the package manager Npm
? Choose UI framework Bulma
? Choose custom server framework None (Recommended)
? Choose Nuxt.js modules Axios
? Choose linting tools ESLint
? Choose test framework None
? Choose rendering mode Universal (SSR)
? Choose development tools jsconfig.json (Recommended for VS Code)

npm install --save-dev eslint-loader

#動的ルーティングの作成 distフォルダの作成

npm run generate

#contentfulの設定
https://qiita.com/kmifa/items/c320575b65ac35a9e7f1

#bluma
http://bgraphic.no/using-bulma-font-awsome-nuxt/
https://qiita.com/mnmemo/items/5eb4fb8cbfe17670fd36

npm i @nuxtjs/bulma -save

#fontawsomeの設定
https://kapi-travel.com/programing/nuxt-js%EF%BC%8Bbulma%E3%81%AE%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%82%92%E7%88%86%E9%80%9F%E3%81%A7%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8B/

$ npm install --save @nuxtjs/font-awesome

nuxt.config.jsのmodulesに追記する

#vue-instagram
https://www.npmjs.com/package/vue-instagram

#vue-carousel

#google analytics
https://ja.nuxtjs.org/faq/google-analytics/

#rich-text-html
https://tech.itpropartners.jp/entry/2019/06/05/171553
https://www.npmjs.com/package/@contentful/rich-text-html-renderer

npm install @contentful/rich-text-html-renderer

nuxt: command not foundっていわれたら

npm install --save nuxt

nuxt generateじゃないww

# nuxt コマンドを実行
npm run dev 

# nuxt build コマンドを実行
npm run build 

# nuxt start コマンドを実行
npm run start

# nuxt generate コマンドを実行
npm run generate