vue.js
Netlify
nuxt.js

超簡単!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にアクセス

image.png

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

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

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

NewからRepositoryを作ります。
image.png

作ったら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アカウントを連携します。
デプロイするレポジトリを選んだら、

image.png

このように設定。

Deploy site!

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
































目、、目が・・・。














image.png

!!!!!!!!

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