スパルタコースでは毎週何かしらのイベントを開催しています。

今回は「エンジニアらしく自分でブログを開設してみる」がテーマです。

静的サイトジェネレータを使って、10分でブログを解説してみます。

動画

エンジニアらしく自分でブログを開設してみる | TechEssentials

Image from Gyazo

資料

基本的にここと手順は同じ。

https://vuepress.vuejs.org/guide/getting-started.html#quick-start

ローカルで動かす

何はともあれVuepressの初期化

$ yarn create vuepress blog-app

¬ docsかblogか聞かれたらblogで。
$ cd blog-app
$ yarn

立ち上げてみる

$ yarn dev

http://localhost:8080 にアクセスしてみるともうブログが出来ている。

本番に反映してみる

事前に本番用にビルドする

$ yarn build

blog/.vuepress/distにビルドされたものが吐き出される。

Netlifyにデプロイする

Netlifyを開いて「Site」タブに移動する。
上述したblog/.vuepress/distディレクトリをドラッグ&ドロップする。

それでもうデプロイ完了。

こんな感じで毎週勉強会をやってます。
スパルタコースはサポートの質が落ちないように少数のコミュニティとして活動しています。
実際に未経験からRailsの業務委託で仕事をしている人もいるくらいなのでちゃんと学習すればスキルはつきます。

普段はSlackでやりとりしてますのでリンクを貼っておきますね。
Slackコミュニティへの招待リンク

ではでは。