Jamstackなブログ集

「Jamstackなブログ集」のアイキャッチ画像

Jamstackなブログが好きで、いつでも参考にできるようにまとめてみました!

Next.js

Masahiro’s tech note

Masahiro’s tech noteイメージ

ブログリンク:Masahiro’ tech note

私が作成したブログで、

  • コンテンツはWordpressのgraphqlで配信
    • 固定ページ
    • 記事ページ
  • フロントはNext.js
  • サーバーはVercel
  • cssはTailwind

という構成となっております。

元々Wordpressでブログを構築しており、新たにCMSを選定・移行は流石に面倒と感じて、Wordpressの記事をそのままNext.jsで取得して静的コンテンツを生成しています。

ブログの構築方法は結構シンプルで、Next.jsの公式が提供している「WordPress + Next.js」のソースを利用しております。

※まだソースコードが汚いので公開していませんが、そのうち出します🙏

nju33

nju33のイメージ

ブログURL:nju33

今まで見つけてきたブログとはレベちなUIでした
大前提のJamstack実装に加えて、綺麗なUIでとても感動

Cat’s Soliloquy

Cat’s Soliloquyのイメージ

ブログURL:Cat’s Soliloquy

Next + kurocoで実装しているらしく、ブログのコードも公開されています

airiclover/CatSoliloquy

suzukalight.com

suzukalight.comのイメージ

ブログURL:suzukalight.com

kawa.dev

kawa.devのイメージ

ブログURL:kawa.dev

プログラミングをするパンダ

プログラミングするパンダイメージ

ブログURL:プログラミングをするパンダ

gaaamiiのブログ

ブログURL:gaaamiiのブログ

Simple is Best

ブログURL:Simple is Best

Nuxt

ライトリ

ブログURL:ライトリ

Gatsby

Uncle JavaScript.com

ブログURL:Uncle JavaScript.com

定年後にWeb開発者目指す

ブログURL:定年後にWeb開発者目指す

Akifumi Sato portfolio

ブログURL:Akifumi Sato portfolio

Cat Knows

ブログURL:Cat Knows

不明

GOTOHATATO.COM

ブログURL:GOTOHAYATO.COM