個人開発者は Jamstackでブログを書こう！〜WordPressもいいけどJamstackもね〜

個人開発者は Jamstackでブログを書こう！ WordPressもいいけどJamstackもね

Shunpei ちょっと株式会社フロントエンドエンジニア個人でブログや好きな漫画のファンサイトを作ったりしています。過去、hexo / Nuxt.js / Next.js
で Jamstack サイトを構築して運用していました。先日入社エントリーを書きました！ https://note.com/chot_inc/n/nb7b386a5d1b1 自己紹介

今回の話の対象者 • Jamstackが気になり始めた方 • 駆け出しフロントエンド方 • Reactで何かつくりたいけど思いつかない方

言いたいことモダンフロントエンドを始めるなら Next.jsでブログ(CMS)を作ろう！そしてそれを使って外部発信しよう！

理由 • Next.jsはバージョンが13になり、日本語の記事も増えた • 書籍も何冊か出てきたので勉強を始めやすいモダンフロントエンド FW、とりあえずReact(Next.js)かVue(Nuxt.js)で素振りとしてTODOアプリを作ってもいいけど、「もう少しボリュームがあるものを」となったときに Jamstackでのブログ(CMS)開発がおすすめ

メリット • モダンフロントエンド FWでの基本的なサイトの作り方がわかる • ブログを更新することで名刺がわりになる（実際転職活動時は話がスムーズに進んだ体験がある）とりあえずやってみる。という気持ちが大事。 Next.jsやNuxt.jsはサイト制作・アプリ開発どちらも選択できる FWなので、これを機に始めてみよう！

メリット • モダンフロントエンド FWでの基本的なサイトの作り方がわかる • ブログを更新することで名刺がわりになる（実際転職活動時は話がスムーズに進んだ体験がある）とりあえずやってみる。という気持ちが大事。 Next.jsやNuxt.jsはサイト制作・アプリ開発どちらも選択できる FWなので、これを機に始めてみよう！
ただ、次のような落とし穴もあります ...

エンジニア、何でも自分で作りたい問題

何でも自分で作りたい問題そして、だいたい途中で頓挫しがち。

何でも自分で作りたい問題 • 自分でCMSを組みたい！そして、だいたい途中で頓挫しがち。

何でも自分で作りたい問題 • 自分でCMSを組みたい！ • 組んだCMSでブログを書きたい！そして、だいたい途中で頓挫しがち。

何でも自分で作りたい問題 • 自分でCMSを組みたい！ • 組んだCMSでブログを書きたい！そして、だいたい途中で頓挫しがち。どっちもやりたい！

何でも自分で作りたい問題 • 自分でCMSを組みたい！ • 組んだCMSでブログを書きたい！そして、だいたい途中で頓挫しがち。一気に作りきれればよいが、開発期間が伸びると頓挫の確率があがる。確率が高まりきった状態で、なにかの理由で詰まった瞬間、このプロジェクトが終了する。ターンエンド。どっちもやりたい！

そんなときの保険あります。 Next.jsにはソースコード込みで、たくさんのサンプル(ボイラープレート)が存在します。なので、そのサンプルを横においておくなり、改造するなりして自分で組み上げてみるとブレも少なくゴールしやすいです。 Vercel https://vercel.com/templates

まとめ保険を用意するからダレにくい！結果的にリリースできる！運用してサイトを育てることができる！あとは煮るなり焼くなり、自分の実験場として使い倒せる

個人開発者は Jamstackでブログを書こう！〜WordPressもいいけどJamstackもね〜

個人開発者は Jamstackでブログを書こう！〜WordPressもいいけどJamstackもね〜

Shumpei O.

More Decks by Shumpei O.

Other Decks in Programming

Featured

Transcript