Next.js+ヘッドレスcmsではじめる! かんたんモダンwebサイト制作入門 高速で、安全で、運用しやすいサイトのつくりかた

フレームワーク初心者でも迷わない！
Web制作者のレベルを一段高める、
WordPressに並ぶ新しい選択肢を身につけよう！

本書は、人気のWebフレームワーク「Next.js」と、国産ヘッドレスCMSの代表格「microCMS」を用いた、モダンなWebサイトの制作手法をやさしく解説した入門書です。

「記事コンテンツが管理しづらい」「見た目をメンテナンスしづらい」「パフォーマンスやセキュリティがいまいち」‥‥これらの悩みを解消するWebサイト制作の新しいアプローチとして、現在注目を集めているのが「Webフレームワーク＋ヘッドレスCMS」の組み合わせです。ヘッドレスCMSは、Webサイト上のコンテンツの「提供」と「表示」を分離できる次世代型のCMSで、コンテンツの表示画面さえ用意すれば、Webサイトの運用や管理、カスタマイズがしやすくなるメリットがあります。

本書は架空のコーポレートサイトを題材に、表示画面をNext.jsで実装し、中身のコンテンツをmicroCMSで管理する一連のプロセスを、ハンズオン形式で体験学習できます。microCMSの開発者陣自らが解説するため、制作現場で生かせる実践的なTIPSが満載です。

【本書で学習できること】
・コンポーネントベースのトップページと下層ページの作成
・記事コンテンツのカテゴリ分け
・ページネーション機能、検索機能、プレビュー機能の作成
・キャッシュを活用したパフォーマンスの最適化
・BASIC認証によるセキュリティの向上
・Vercelによるサイトのデプロイと公開

ステップ・バイ・ステップの手順解説で、つまずきやすいポイントを丁寧にフォローしているため、Webフレームワークに触れた経験の少ない人でも迷わずに読み進められます。新しいサイト制作のアプローチを身につけたいWeb制作者はもちろん、ステップアップとしてWebフレームワークに触れてみたい人にもおすすめの1冊です。

■対象読者
・企業や商店のWebサイトを作っているWeb制作者
・HTML/CSSやWordPressの知識はあるが、Webフレームワークに触れたことがない人
・Next.jsの基本的な使い方を知りたい人

【著者紹介】
柴田和祈 : 株式会社ｍｉｃｒｏＣＭＳ取締役ＣＸＯ。慶應義塾大学を卒業後、ヤフー株式会社にデザイナー入社。広告事業に約５年半従事し、フロントエンドエンジニアとしても経験を積む。２０１７年に株式会社ｍｉｃｒｏＣＭＳを共同創業し、現在は組織作りや事業戦略作りがメイン

森茂洋 : 株式会社ｍｉｃｒｏＣＭＳフロントエンドテックリード。制作会社、開発会社などＷｅｂ関連の業界で１５年ほど開発経験を積み、２０２２年１０月よりｍｉｃｒｏＣＭＳに参画。Ｗｅｂ黎明期からＷｏｒｄｐｒｅｓｓやＭｏｖａｂｌｅＴｙｐｅ、そしてヘッドレスＣＭＳに至るまで各種ＣＭＳを利用した多くの案件にも携わる

野崎洋平 : 株式会社ｍｉｃｒｏＣＭＳエンジニア。元高校教員。教員時代にほぼ独学でプログラミングを学びエンジニアに転職、ｍｉｃｒｏＣＭＳに開発初期から参画した。その後ｍｉｃｒｏＣＭＳではリッチエディタなど様々な機能開発に携わる

千葉大輔 : 株式会社ｍｉｃｒｏＣＭＳプロダクトエンジニア。新卒でＷｅｂ制作会社に入社し約３年ほどヘッドレスＣＭＳを用いた開発や開発環境の構築・運用などに携わる。その後、ｍｉｃｒｏＣＭＳに転職。Ｎｅｘｔ．ｊｓの画像最適化に関するＯＳＳも開発しており、現在は週間２，０００ダウンロードを超えるものとなっている（本データはこの書籍が刊行された当時に掲載されていたものです）