
Next.js を「なんとなく使える」から「仕組みを理解して使いこなせる」へ。
「Next.jsのApp Router、便利そうだけど概念が難しくて挫折した...」
「Server ComponentsとClient Componentsってなに?どっちを使えばいいの?」
そんな悩みを、この講座で解消しましょう。
本講座では、Nextの特徴的な機能(AppRouter、ServerComponent、キャッシュなど)を学び、それらを応用してユーザー登録・ログイン機能、記事投稿・閲覧・削除機能を備えた「掲示板アプリ(BBS App)」を、Next.js 16とTypeScriptを使って実装します。
【この講座で学べること】
AppRouterやServer Componentの基本的な使い方
Server Actions を使ったデータの作成・削除
Next.js の高度なキャッシュ管理(use cache, Data Cache, Full Route Cache)
Vercelを使った本番環境へのデプロイ
【本コースの対象者】
Reactは理解しており、Next.jsでの本格的なアプリ開発に挑戦したい方
Next.js をキャッチアップをしたい現役エンジニア
「動くだけのコード」から「仕組みを理解したコード」へステップアップしたい方
【受講する際の注意点】
HTML/CSS/JavaScriptの基本的な解説は行っておりません。
重要な部分の学習に集中しやすいよう、コンポーネントやプロジェクトの雛形となる部分のコードはこちらで用意したものを使っていただく前提の箇所がございます。CSSの部分など0から全てのコードを自分で書きたいという方はご注意ください
Reactの機能については理解している前提で進行します。
Mac + Google Chromeの環境を前提としています(Windowsでも受講可能ですが、コマンド等適宜読み替えが必要です)。
本番デプロイにはGitHubアカウントとVercelアカウント(無料)が必要です。