
Next.js 実践入門 - 1️⃣ CI/CD編
無料で読める本
Next.js で CI/CD を整備する方法を学べます。 【読者】 ・Next.js の初学者 ・Next.js を初めて利用する方 ・Next.js に興味がある方 ・ESLint/Prettier などの細かい設定を理解したい方 ・VS Code の拡張機能を使いこなしたい方 ・Vercel CLI で CD したい方 【特徴は】 ・CI/CDについて体系的に学習できること ・ESLint/Prettierなどの細かい設定を理解できること ・最新の Next.js v15 の利用 【本書籍がカバーする技術】 ・Next.js ・Vercel ・ESLint ・Prettier ・husky ・lint-staged ・GitHub Actions ・Vercel CLI 【その他】 「いいね」してくれたらモチベーションあがります🚀
Chapters
🚑 はじめに
更新履歴
🚗 第1章 CI/CD を簡易的に構築
Next.js プロジェクトを新規作成
継続的インテグレーションを実現
継続的デリバリーを実現
🚛 第2章 VS Code で開発環境整備
VS Code 拡張機能を設定
VS Code を設定
🚙 第3章 コーディングスタイルの整備
コーディングスタイル(オプション)
TypeScript を設定
ESLint を設定
ESLint の Flat Config(オプション)
ESLint のルール(オプション)
Prettier を設定
Prettier のルール(オプション)
husky + lint-staged を設定
T3 Env で型安全に環境変数を扱う
🚓 第4章 GitHub Actions で CI/CD を構築
再利用可能な GitHub Actions の環境セットアップ
Node.js と pnpm のバージョンを固定(オプション)
GitHub Actions で継続的インテグレーション
GitHub Actions で継続的デリバリー
🛺 第5章 おまけ
コマンド一覧
Community
Author
Topics