Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Nuxt3 × microCMSでポートフォリオサイト構築
Search
Kazuma Maekawa
January 20, 2023
Programming
0
140
Nuxt3 × microCMSでポートフォリオサイト構築
Kazuma Maekawa
January 20, 2023
Tweet
Share
More Decks by Kazuma Maekawa
See All by Kazuma Maekawa
既存RailsプロダクトにVue3導入した話 / vue-introduction
kazuma630
1
310
Other Decks in Programming
See All in Programming
ゆるい個人開発のススメ
kuroppe1819
10
990
SwiftUIで使いやすいToastの作り方 / How to build a Toast system which is easy to use in SwiftUI
lovee
3
150
Ruby Function Composition
bkuhlmann
1
330
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
390
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
110
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
230
MetricKitで予期せぬ終了を検知する話 / Detect unexpected termination with MetricKit
nekowen
1
190
dbtのドメイン分割による データ基盤の改善とDigdagとの連携
sakama
0
370
Ruby GitHub Packages
bkuhlmann
0
630
GitHub Copilotのススメ
marcy731
1
200
Komplexe Oberflächen mit SVG und der Web Animation API
joergneumann
0
680
"config" ってなんだ? / What is "config"?
okashoi
0
240
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
8
2.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
79
43k
Design by the Numbers
sachag
274
18k
Ruby is Unlike a Banana
tanoku
96
10k
The Language of Interfaces
destraynor
151
23k
Art, The Web, and Tiny UX
lynnandtonic
289
19k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
40
4.4k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
125
32k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
357
22k
Infographics Made Easy
chrislema
238
18k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
Transcript
Nuxt3×microCMS 個人ブログ作ってみた
自己紹介 ▪ 茨城住まいのフルリモートエンジニア ▪ Rails, Vueよく触ってます ▪ Vue3, Typescript絶賛キャッチアップ中
話すこと ・Nuxt3とmicroCMSの概要 ・触ろうと思った動機 ・環境構築〜雛形作成の手順共有 ・触ってみての感想 ・今後やりたいこと
Nuxt3とは ▪ 概要 ・Vue.js3系に対応したフレームワーク ・ビルドツールはvite × webpack5 ▪ 推しポイント(選定の動機) ・セットアップやHMRがサクサク
・デフォルトでtypescript使用可能 ・公式ドキュメント親切 Nuxt3 Directory structure プロジェクト作成時の ディレクトリ構造はあっさり
microCMSとは ▪ 概要 ・APIベースの日本製ヘッドレスCMS ▪ 推しポイント(選定の動機) ・とにかくシンプル ・ドキュメント充実してる
環境構築〜雛形作成 https://blog.microcms.io/nuxt3-create-blog/
触ってみての感想 ・APIベースで分離してるのでフロントを自由に書けるの良き (記述量増えるから大変でもあるけど ...やっぱり楽しい) ・Netlify、使い方シンプルだしpushで自動デプロイされるの超便利! ▪ 今後やりたいこと ・UIフレームワーク検討(関連エコシステムが中々対応してない ..) ・figmaでワイヤーフレーム制作、実装
・Qiitaとか外部記事のフィード集約