
【基礎編】Next.js / Vercel & microCMSブログサイト制作 Vercelで無料公開|全レンダリングOK|API処理解説
「Vercel & Next.js完全版」シリーズ 第1弾です! 基礎的な機能を全て盛り込んだブログサイト制作・無料公開までの手順を全公開! 図解も豊富で丁寧に解説されているので挫折しない! ※「試し読み」から、ブログサイトの完成イメージ画像を確認することができます。 プロレベルのポートフォリオ制作ができます。 初心者向けの本は大量にあるけど、『実際に公開まで』導いてくれる本は少ない。 たったのこの1冊でOK! ・全てのレンダリングに対応 ・Vercelを使用してホームページを無料公開 ・最新のApp Router使用 ・microCMSでノーコードデータ管理、バックエンド不要(セットアップ、リッチエディタも活用) ・Vercelを使った無料デプロイ(セットアップ、環境変数の設定、デプロイ方法まで解説) ・GitHubと連携したコード管理 ・API通信を活用した動的サイトの構築(ブログ一覧・ブログ詳細・ページネーションetc) ・Tailwind CSSでデザインを実装(リッチエディタも綺麗に表示、シンプル&高速なスタイリング) ・サーバー・ドメイン取得も不要で完全無料 ■ 目指す未来像 ・Next.jsを活用したモダンなWebサイトを自由に構築できる ・ヘッドレスCMS(microCMS)を使いこなし、サーバーレスな開発スキルを習得 ・Vercelでスムーズにデプロイし、自分のサイトを世界に公開 ・ポートフォリオを強化し、Webエンジニアとしてのスキルアップを実現 ・最小限のコストで、企業レベルのブログサイトを運用 たったのこの1冊で、『Vercelを使用したホームページ公開の手順』と『ブログサイト構築・コーディング』のすべてが分かります。 まずはコピペだけでも公開できるように執筆しています。 人気のNext.js、Vercel、microCMSを使用。 『無料かつ簡単』にホームページ公開。 面倒でお金のかかるサーバーやドメイン取得は一切不要。 今すぐ始めてみましょう!
チャプター1 本書で学ぶことのできる成果物・ポートフォリオ
チャプター2 開発環境の構築
チャプター3 Next.jsの基本・セットアップ
チャプター4 TailwindCSSの概要・実際にスタイルを当てる
チャプター5 コンポーネントの作成
チャプター6 各ページファイルの作成
チャプター7 microCMSの設定・導入
チャプター8 ブログ完成・適切なレンダリング選択
チャプター9 GitHubでコード管理
チャプター10 VercelとGitの連携
チャプター11 無料でホームページ公開!!
チャプター12 まとめと次のステップ、限定特典
- 公開
- NEW
- 本文更新
- NEW
- 文章量
- 約96,443字
- 価格
- 4,800円