Jamstackなブログが好きで、いつでも参考にできるようにまとめてみました!
Next.js
Masahiro’s tech note
![](https://mokubo.website/wp-content/uploads/2021/09/Screen-Shot-2021-09-21-at-10.23.29-644x437.png)
ブログリンク:Masahiro’ tech note
私が作成したブログで、
- コンテンツはWordpressのgraphqlで配信
- 固定ページ
- 記事ページ
- フロントはNext.js
- サーバーはVercel
- cssはTailwind
という構成となっております。
元々Wordpressでブログを構築しており、新たにCMSを選定・移行は流石に面倒と感じて、Wordpressの記事をそのままNext.jsで取得して静的コンテンツを生成しています。
ブログの構築方法は結構シンプルで、Next.jsの公式が提供している「WordPress + Next.js」のソースを利用しております。
※まだソースコードが汚いので公開していませんが、そのうち出します🙏
nju33
![](https://mokubo.website/wp-content/uploads/2021/09/Screen-Shot-2021-09-21-at-10.49.20-644x432.png)
ブログURL:nju33
今まで見つけてきたブログとはレベちなUIでした
大前提のJamstack実装に加えて、綺麗なUIでとても感動
Cat’s Soliloquy
![](https://mokubo.website/wp-content/uploads/2021/09/Screen-Shot-2021-09-21-at-10.49.57-644x433.png)
ブログURL:Cat’s Soliloquy
Next + kurocoで実装しているらしく、ブログのコードも公開されています
suzukalight.com
![](https://mokubo.website/wp-content/uploads/2021/09/Screen-Shot-2021-09-21-at-10.50.33-644x430.png)
ブログURL:suzukalight.com
kawa.dev
![](https://mokubo.website/wp-content/uploads/2021/09/Screen-Shot-2021-09-21-at-10.51.31-644x373.png)
ブログURL:kawa.dev
プログラミングをするパンダ
![](https://mokubo.website/wp-content/uploads/2021/09/Screen-Shot-2021-09-21-at-10.52.01-644x358.png)
ブログURL:プログラミングをするパンダ
gaaamiiのブログ
![](https://mokubo.website/wp-content/uploads/2021/09/Screen-Shot-2021-09-21-at-10.52.45-644x433.png)
ブログURL:gaaamiiのブログ
Simple is Best
![](https://mokubo.website/wp-content/uploads/2021/09/Screen-Shot-2021-09-21-at-10.53.25-644x433.png)
ブログURL:Simple is Best
Nuxt
ライトリ
![](https://mokubo.website/wp-content/uploads/2021/09/Screen-Shot-2021-09-21-at-10.54.11-644x433.png)
ブログURL:ライトリ
Gatsby
Uncle JavaScript.com
![](https://mokubo.website/wp-content/uploads/2021/09/Screen-Shot-2021-09-21-at-10.55.13-644x431.png)
ブログURL:Uncle JavaScript.com
定年後にWeb開発者目指す
![](https://mokubo.website/wp-content/uploads/2021/09/Screen-Shot-2021-09-21-at-10.57.08-644x434.png)
ブログURL:定年後にWeb開発者目指す
Akifumi Sato portfolio
![](https://mokubo.website/wp-content/uploads/2021/09/Screen-Shot-2021-09-21-at-10.58.01-644x435.png)
ブログURL:Akifumi Sato portfolio
Cat Knows
![](https://mokubo.website/wp-content/uploads/2021/09/Screen-Shot-2021-09-21-at-10.58.37-644x429.png)
ブログURL:Cat Knows
不明
GOTOHATATO.COM
![](https://mokubo.website/wp-content/uploads/2021/09/Screen-Shot-2021-09-21-at-10.59.50-644x433.png)
ブログURL:GOTOHAYATO.COM