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の設定

bluma

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

npm i @nuxtjs/bulma -save

fontawsomeの設定

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

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

vue-instagram

vue-carousel

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