超簡単！NetlifyとNuxt.jsを使って自分のWebページを作る

この記事一つで瞬く間にWebページ作成からデプロイまでが出来ます！

ではまずNuxtによるレポジトリの作成から。Starterを使うと簡単です。

$ vue init nuxt-community/starter-template know-meee
$ cd my-project                     
# install dependencies
$ npm install # Or yarn install
$ npm run generate # distの作成
$ npm run dev

localhost:3000にアクセス

このページが見れるかと。

とりあえずこれをNetlifyを使ってデプロイします。

その前にGithubにレポジトリを作ってpushします。

NewからRepositoryを作ります。

作ったらpushまでします。

$ git init
$ git add .
$ git commit -m "first commit"
$ git remote add origin https://github.com/masalennon/know-meee.git
$ git push -u origin master

Netlifyで自分のGithubアカウントを連携します。
デプロイするレポジトリを選んだら、

このように設定。

Deploy site！

Deployが終わったらサイトを訪れてみましょう・・・。

。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
目、、目が・・・。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。

！！！！！！！！

無事、瞬く間にデプロイできてますね！( )
是非あなたもサクッと自分のページを作って公開してみてください！