Nuxt3 × microCMSでポートフォリオサイト構築

Transcript

1. Nuxt3×microCMS 個人ブログ作ってみた
2. 自己紹介 ▪ 茨城住まいのフルリモートエンジニア ▪ Rails, Vueよく触ってます ▪ Vue3, Typescript絶賛キャッチアップ中
3. 話すこと ・Nuxt3とmicroCMSの概要 ・触ろうと思った動機 ・環境構築〜雛形作成の手順共有 ・触ってみての感想 ・今後やりたいこと
4. Nuxt3とは ▪ 概要 ・Vue.js3系に対応したフレームワーク ・ビルドツールはvite × webpack5 ▪ 推しポイント（選定の動機） ・セットアップやHMRがサクサク ・デフォルトでtypescript使用可能 ・公式ドキュメント親切 Nuxt3 Directory structure プロジェクト作成時の ディレクトリ構造はあっさり
5. microCMSとは ▪ 概要 ・APIベースの日本製ヘッドレスCMS ▪ 推しポイント（選定の動機） ・とにかくシンプル ・ドキュメント充実してる
6. 環境構築〜雛形作成 https://blog.microcms.io/nuxt3-create-blog/
7. 触ってみての感想 ・APIベースで分離してるのでフロントを自由に書けるの良き （記述量増えるから大変でもあるけど ...やっぱり楽しい） ・Netlify、使い方シンプルだしpushで自動デプロイされるの超便利！ ▪ 今後やりたいこと ・UIフレームワーク検討（関連エコシステムが中々対応してない ..） ・figmaでワイヤーフレーム制作、実装 ・Qiitaとか外部記事のフィード集約