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

【その他】
「いいね」してくれたらモチベーションあがります🚀 

Next.js 実践入門 - 1️⃣ CI/CD編

🚑　はじめに

更新履歴

🚗　第１章 CI/CD を簡易的に構築

Next.js プロジェクトを新規作成

継続的インテグレーションを実現

継続的デリバリーを実現

🚛　第２章 VS Code で開発環境整備

VS Code 拡張機能を設定

VS Code を設定

🚙　第３章 コーディングスタイルの整備

コーディングスタイル（オプション）

TypeScript を設定

ESLint を設定

ESLint の Flat Config（オプション）

ESLint のルール（オプション）

Prettier を設定

Prettier のルール（オプション）

husky + lint-staged を設定

T3 Env で型安全に環境変数を扱う

🚓　第４章 GitHub Actions で CI/CD を構築

再利用可能な GitHub Actions の環境セットアップ

Node.js と pnpm のバージョンを固定（オプション）

GitHub Actions で継続的インテグレーション

GitHub Actions で継続的デリバリー

🛺　第５章 おまけ

コマンド一覧

読者コミュニティ｜Next.js 実践入門 - 1️⃣ CI/CD編

nextjs

react

typescript

vercel

hayato94087