Next.jsのPreview Modeを使ってmicroCMSのプレビュー機能を実装してみた

2024/02/17 6 users microCMS API プロセス Next.js 実装自体

技術構成 API: microCMS(ヘッドレスCMS) Next.js Vercel TypeScript はじめに プレビュー機能は、Next.jsのPreview Modeのおかげで、実装自体は簡単になりました。ですが、「現在どのプロセスを実行中で、どのシステムやサービスに対してどんな操作を行っているのか？」 の把握に少し時間がかかりました。 なのでこの記... 続きを読む

Gitを利用してブログ・サイトのバージョンを管理できる開発者向けのヘッドレスCMS「TinaCMS」を使ってみた

2023/10/29 81 users Git ヘッドレス CMS やりとり WordPress

「CMS(Contents Management System)」はブログやサイトのコンテンツを簡単に管理するためのツールで、代表的な製品としてはWordPressが挙げられます。TinaCMSはそうしたCMSの一つですが、バックエンド側のやりとりに特化した「ヘッドレス」なCMSとのことなので、実際に使ってどんなものなのか確かめてみました。 The Mar... 続きを読む

MicroCMSとViteで作るかんたん静的サイト | DevelopersIO

2023/10/11 12 users DevelopersIO ビルドツール Sass vite

この記事では、ヘッドレスCMSを使ってHTMLコンテンツを生成する手順を紹介します。 前回の記事（MicroCMSと11tyで作るかんたん静的サイト）ではAPIデータの取得とHTMLの生成のみを行いましたが、今回はSassを使うためにビルドツールであるViteを導入して、より実制作に近い環境での検証をします。 ビルドツールであればG... 続きを読む

ヘッドレスCMSがマッチするケース、マッチしないケース

2023/02/16 16 users ヘッドレス CMS ケース WordPress ご存知

ヘッドレスCMSという言葉をご存知でしょうか？ まず、CMSとはContent Management Systemの略でありウェブサイトのニュースや記事などを管理することの多いシステムです。代表的な製品としてWordPressがあげられます。 次に「ヘッドレス」ですがこれは「見た目を有していない」という意味です。 まとめるとヘッドレスCMS... 続きを読む

WordPressをヘッドレスCMSにしてNext.jsでブログを作成する方法とエラー対処法

2022/06/08 25 users React フレームワーク CMS WordPress 会計

2022年6月8日 JavaScript, React, Wordpress 最近はReactをベースにしたフレームワーク、Next.jsをいじっております。今回はWordPressに登録した投稿をNext.jsで表示させてみようと思います！ ↓私が10年以上利用している会計ソフト！ ヘッドレスCMSとは？ ヘッドレスCMSはコンテンツの管理のみをするCMS（＝Content Mana... 続きを読む

今話題の「ヘッドレスCMS」とは？ Jamstack、マルチデバイスにも対応したCMSの新潮流

2021/11/04 28 users JamStack マルチデバイス CMS 概念 従来

CMS（コンテンツ・マネジメント・システム）とは、ブログやWebサイトなどで活用されているコンテンツを管理するための仕組みです。代表的なものとしてWordPressやMovable Typeが挙げられ、主にWebサイト制作に使用されています。本記事では従来のCMSとは異なる概念であるヘッドレスCMSについて利用シーンとともに紹介し... 続きを読む

JAMスタックを実現する国産サービス「Kuroco」正式リリース。GitHub Actionsでビルドし、Webホスティング、APIサーバなど提供。月額1100円分まで無料 － Publickey

2021/04/19 148 users Publickey JAMスタック Webホスティング 当初

JAMスタックを実現する国産サービス「Kuroco」正式リリース。GitHub Actionsでビルドし、Webホスティング、APIサーバなど提供。月額1100円分まで無料 kurocoは当初、いわゆる「ヘッドレスCMS」と呼ばれる機能を提供するWebサービスとして登場しました。 今回、これにGitHub Actions連携機能とWebホスティング機能などが... 続きを読む

最近話題の「JAMスタック」（JavaScript、API、Markup）とヘッドレスCMS、使いどころはどこなのか？ ［PR］ － Publickey

2020/07/12 17 users Markup Publickey MEANスタック API

最近話題の「JAMスタック」（JavaScript、API、Markup）とヘッドレスCMS、使いどころはどこなのか？ ［PR］ Webアプリケーションを実現するための構成技術として「LAMPスタック」や「MEANスタック」などがよく知られていますが、この主要スタックに新たに加わるように2～3年前から名前が知られるようになったのが「JAMst... 続きを読む