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編

はじめに

更新履歴

第1部 CI/CD を簡易的に構築 🚗

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

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

継続的デリバリーを実現

第2部 VS Code で開発環境整備 🏎

VS Code 拡張機能を設定

VS Code を設定

第3部 コーディングスタイルの整備 🚙

コーディングスタイル

TypeScript を設定

ESLint を設定

ESLint 設定を解説

Prettier を設定

husky + lint-staged を設定

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

第4部 GitHub Actions で CI/CD を構築 🚓

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

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

GitHub Actions で継続的デリバリー

GitHub で環境変数を一元管理

コマンド一覧

nextjs

react

typescript

vercel

hayato94087