microCMS

Next.jsのOn-demand ISRから活用事例まで!「ジャムジャム!!Jamstack_6」を開催しました

りゅーそう

こんにちは。野崎です。
先月3/24(木)に「ジャムジャム!!Jamstack_6」を開催いたしました。

今回も5名の方にLTをしていただきました。ありがとうございました。
Next.jsの内容のLTが複数あり最新機能のOn demand ISRやmicroCMSとの連携の話など、Next.jsはJamstack界隈でもHotな印象を受けました!

今回もイベントレポートを書かせていただいたのでぜひご覧ください!

なお、動画はアーカイブとして配信しているので興味のあるセッションは動画もあわせてチェックしてみてください


LTセッションの内容

でぃーすけさん 「microCMSで固定ページを作る」


でぃーすけさんに、microCMSで固定ページを作成することで得られるメリットについてLTをしていただきました。
でぃーすけさんは今回でなんと3回目の登壇になります....!!

Jamstackの実装部分と管理画面が分かれていることのメリットを生かした実装方法ですね。
固定ページを作成することで、デザインが統一されたり、エンジニアではない方が更新しやすくするメリットがあります。
実務で非エンジニアの方と連携する際に参考にしてみてください!
ありがとうございました!


Kan Shimizuさん「Next.jsのOn-demand ISRで、ビルド不要の高速配信を実現する」

登壇資料はこちらです。
https://blog.microcms.io/on-demand-isr/

先日発表されたばかりのNext.jsのOn-demand ISRの機能について弊社の清水からLTをさせていただきました。

On-demand ISRとは任意のタイミングでページの再生成を行うことができる機能です。
Jamstackのビルド時間の問題などを解決する機能になるかもしれませんね。期待です!

従来の ISGやISRとの違いについても、記事や動画で解説させていただいたのでぜひご覧ください!

カルキチ副島 さん「社内の採用サイトをmicroCMS・Next.js・AWS Amplifyを使ってリプレイスした話」


カルキチ副島さんに社内の採用サイトをmicroCMS・Next.js・AWS Amplifyを使ってリプレイスした話していただきました。

WordPressからNext.jsとmicroCMSのJamastack構成にすることによって、デザインでの目立っていた表示崩れなどを改善できたそうです。
他にもサーバー代やセキュリティ面などJamstackにすることによって大きなメリットがあったそうです。

またAWS Amplifyなど社内のエンジニアのスキルセットなどに合わせた構成にしていることも特徴的です。Jamstack構成だとWebアプリケーションと近しい技術スタックで開発をすることができるので、これは大きなメリットだと感じました。
実際の導入事例とても参考になりました。ありがとうございました!

補足記事も書いていただいているので、こちらも合わせてご覧ください。
https://karukichi-blog.netlify.app/blogs/recruitment-site-replace

岡本梓沙さん「Next.js・microCMSでポートフォリオサイトを作りかえて学んだこと


岡本さんにNext.jsとmicroCMSでポートフォリオを作りかえて学んだことについてLTをしていただきました。

SSR・SSG・CSRといった用語の整理やNext.jsでの躓きポイントなどの実体験を共有していただきました。Next.jsでは

  • getStaticPropsでデータを取得する
  • 環境変数の設定

など躓きポイントが多いなと感じました。これらの解決方法を解説していただきとても参考になりました。
こういった躓きポイントを共有していただくと次学ぶ方々はもちろん助かりますし、Next.jsの経験が多い人でも躓きポイントを把握できるので大事だと改めて感じました。
ありがとうございました!

Teruhisa Yamamotoさん「jotaifriends.dev 始めました」



Yamamotoさんにjotaifriends.devというサイトを作成した話をしていただきました。ヘッドレスCMSにはPrismicを使用しているとのことです。
ちなみに弊社では、このように他社のCMSを発表いただいた時には、そのCMSの話題になりmicroCMSにも取り入れる良い機会になっています(笑)

Reactの状態管理ライブラリであるJotaiを広めようという活動しているとのことで、とても良い試みだと感じました。Prismicの機能やNext.jsとの連携についてわかりやすくまとめていただいているLTでした。とても参考になりました。
ありがとうございました!

最後に

今回も5名の方にLTしていただきました。発表者の方、またYouTube Liveをご視聴いただいた皆様、ありがとうございました。


次回の「ジャムジャム!!Jamstack_7」は5/26(木)に開催を予定しています。その際にはぜひLT申し込みお待ちしております!
4月には代わりに「microCMS Online Meetup」を開催させていただきます。

こちらはmicroCMS活用事例や弊社からmicroCMSの新機能の紹介などをさせていただきます。
今回は「日本デザインセンター」様と「YAMAP」様に活用事例を発表していただきます。



--------
登壇テーマ(予定)

日本デザインセンター 後藤様
「microCMS × imgixを活用して品質とレスポンスを両立したポートフォリオサイトを作成した話」

Jamstackで運用しやすく、表現豊かなサイトを制作したい方々必見です!

YAMAP 石田様
「microCMS × Shopifyで、ECサイトがリニューアル後急成長した話」

貴重なECとヘッドレスCMSの事例です!高速なメディア系ECサイトに興味のある方必見です!
--------

イベントページはこちらです。視聴には申し込みが必要です。ぜひ以下URLからお申し込みください。
https://microcms.connpass.com/event/240629/




まずは、無料で試してみましょう。

APIベースの日本製ヘッドレスCMS「microCMS」を使えば、 ものの数分でAPIの作成ができます。

microCMSを無料で始める

microCMSについてお問い合わせ

初期費用無料・14日間の無料トライアル付き。ご不明な点はお気軽にお問い合わせください。

お問い合わせ

microCMS公式アカウント

microCMSは各公式アカウントで最新情報をお届けしています。
フォローよろしくお願いします。

  • X
  • Discord
  • github

ABOUT ME

りゅーそう
1994年生まれ。 前職は高校地理歴史科教員。2021/9〜microCMS入社。React/TypeScriptが好きです。