爆速で作る 技術ブログ

Transcript

1. 爆速で作る ブログ with nuxt + netlify + contentful yasudanaoya
2. 名前 yasudanaoya 生まれ年 1994年 社会人歴 4年目 職歴 2017/04 ~ （株）セラク 2018/10 ~ シアトルコンサルティング（株） 職業 フロントエンジニア（vue） モットー 頑張らないを頑張る
3. AGENDA 01 DOCKERIZE node の alpine の image を選択 03 HOSTING hosting service に Netlify を選択 02 CREATE PROJECT routing が楽になるの で、nuxt を選択 04 CMS CMS に contentful を選 択
4. 01 DOCKERIZE とりあえずで docker を選択
5. Dockerfile
6. memo node version 偶数バージョンが基本的に安定版 奇数バージョンは開発中 https://github.com/nodejs/Release
7. 02 CREATE PROJECT create-nuxt-app nuxt project がサルでも作れる
8. create-nuxt-app yarn create nuxt-app <app-name> STEP 1 適当に vue ファイル を作成 STEP 3 対話式に設定内容 を決められる STEP 2 push STEP 4
9. 03 HOSTING Netlify hosting がサルでもできる
10. Netlify アカウント作成 STEP 1 build ファイルを選 択 STEP 3 repository を選択 STEP 2 deploy STEP 4
11. netlify
12. 04 CMS contentful CMS = Contents Management System → いんたーねっとでつくれるでーたべーす
13. contentful アカウント作成 STEP 1 Fields (column) を 設定 STEP 3 model (DB) を作成 STEP 2 中身を書きます STEP 4
14. contentful
16. portfolio
18. • Twitter • GitHub • Qiita 今回の成果物 https://github.com/yasudanaoya/portfolio THANKS