ブログを Vercel から Cloudflare Workers の無料プランに移行した話(Next.js + a-blog cms)
はじめにこのブログ(Next.js 16 + a-blog cms)を、Vercel から Cloudflare Workers の無料プランに移行しました。費用は無料のまま、ほぼ同じ機能で動いています。この記事では、移行しようと思った経緯、最初に...
- #Cloudflare
- #a-blog cms
- #Vercel
- #nextjs
はじめにこのブログ(Next.js 16 + a-blog cms)を、Vercel から Cloudflare Workers の無料プランに移行しました。費用は無料のまま、ほぼ同じ機能で動いています。この記事では、移行しようと思った経緯、最初に...
普段 a-blog cms のサポート業務をしている中で、「WordPress から a-blog cms にデータを移したいんだけど、どうしたらいい?」というご相談をちょこちょこいただくことがあり、自分でも以前から気になっていた...
この記事は a-blog cms Advent Calendar 2025 の19日目の記事です。2023 年の a-blog cms アドベントカレンダーで「a-blog cms をヘッドレスCMSとして Next.js でサイト制作するときのポイント」という記事を書き...
CMS を開発する上で必ず必要不可欠な UI として、ブラウザ上で「HTMLを編集するUI」が存在します。 contenteditable に始まり、TinyMCE や CKEditor のようなリッチエディタ、Gutenberg のようなブロックエディタ...
このエントリーは「a-blog cms Advent Calendar」の19日目の記事です。 今年は、a-blog cms の次期バージョンである Ver. 3.2 でエントリー管理画面にカスタムフィールド検索機能を実装した経験から、カスタムフ...
Next.js × Tailwind CSS(Flowbite 利用)でダークモード機能を実装したので、実装方法を紹介します。 完成形は、このブログのヘッダーに切り替え用のドロップダウンから確認できます。 前提 利用している技術は...
a-blog cms をバックエンドで動かして、Next.js でフロントエンドを構築している Web サイトで sitemap.xml を実装する方法を紹介します。 このサイトでも今回紹介する方法で実装した sitemap.xml を以下のURLで...
a-blog cms をバックエンドで動かして、Next.js でフロントエンドを構築している Web サイトで RSS Feed を実装する方法を紹介します。 このサイトでも今回紹介する方法で実装した RSS Feed を以下のURLで配信し...
a-blog cms には API 機能というモジュールが出力する変数をJOSNで取得する機能があります。 今回は、a-blog cms の API 機能を扱いやすくするための SDK である acms-js-sdk を開発したので、詳しい利用方法をご...
Next.js で Date オブジェクトに変換した日付のデータをサーバーコンポーネントとクライアントコンポーネントで利用している場合の対応に戸惑ったので、原因と対応方法を備忘録としてブログに残しておきます。 今...