Next.js × Tailwind CSS（Flowbite） でダークモード機能を実装する
Next.js × Tailwind CSS（Flowbite 利用）でダークモード機能を実装したので、実装方法を紹介します。 完成形は、このブログのヘッダーに切り替え用のドロップダウンから確認できます。 前提 利用している技術は...
- #nextjs
- #tailwindcss
タグ:#nextjs
a-blog cms × Next.js で sitemap.xml を実装する
a-blog cms をバックエンドで動かして、Next.js でフロントエンドを構築している Web サイトで sitemap.xml を実装する方法を紹介します。 このサイトでも今回紹介する方法で実装した sitemap.xml を以下のURLで...
- #a-blog cms
- #acms-js-sdk
- #nextjs
a-blog cms × Next.js で RSS Feed を実装する
a-blog cms をバックエンドで動かして、Next.js でフロントエンドを構築している Web サイトで RSS Feed を実装する方法を紹介します。 このサイトでも今回紹介する方法で実装した RSS Feed を以下のURLで配信し...
- #a-blog cms
- #nextjs
- #RSS
a-blog cms の API 機能を扱いやすくする acms-js-sdk を開発しました
a-blog cms には API 機能というモジュールが出力する変数をJOSNで取得する機能があります。 今回は、a-blog cms の API 機能を扱いやすくするための SDK である acms-js-sdk を開発したので、詳しい利用方法をご...
- #a-blog cms
- #JavaScript
- #nextjs
- #npm
- #node
- #acms-js-sdk
Next.js でサーバー・クライアント間で Date オブジェクトを扱うときの注意点
Next.js で Date オブジェクトに変換した日付のデータをサーバーコンポーネントとクライアントコンポーネントで利用している場合の対応に戸惑ったので、原因と対応方法を備忘録としてブログに残しておきます。 今...
- #nextjs
a-blog cms をヘッドレスCMSとして Next.js でサイト制作するときのポイント
このエントリーは、 a-blog cms Advent Calendar 2023 19日目 の記事です。 本日、個人ブログを、a-blog cms × Next.js の構成でリニューアルしました。 このエントリーでは、a-blog cmsをヘッドレスCMSとして活...
- #a-blog cms
- #ヘッドレスCMS
- #nextjs