Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
【Next16対応】Next.js+TypeScript:基礎からデプロイまで、仕組みを理解して作る本格Webアプリ講座
Bestseller
Highest Rated
Rating: 4.4 out of 5(53 ratings)
699 students

【Next16対応】Next.js+TypeScript:基礎からデプロイまで、仕組みを理解して作る本格Webアプリ講座

最新のNext.js 16の特徴的な仕組みを解説し、簡単なWebアプリを作成します。Vercelにデプロイし、アプリを公開するところまで実践できます
Last updated 6/2026
Japanese

What you'll learn

  • Next.js + Typescriptの基本的な機能の概要と使い方を学べる
  • Next.jsを使って、簡単な掲示板アプリを作成できる
  • AppRouterの使い方について学べる
  • Server ComponentやServerActionなどについて学べる
  • Next.jsのキャッシュ機能について学べる

Course content

7 sections41 lectures3h 49m total length
  • 本講座で学ぶこと3:22
  • Node.jsのインストール1:45
  • VSCodeのインストール2:38
  • 無料の専用学習コミュニティに参加しよう0:27

Requirements

  • Reactについて理解している前提の講座となっております
  • HTML/CSS/JavaScriptの基本的な文法とルールは解説していません
  • Typescriptについても基本的な解説はないため、基礎レベルを理解している前提です
  • 学習のしやすさ、わかりやすさを優先するため、あえて細かい部分の実装を省略したり、冗長なコードを書いてる箇所があります

Description

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アカウント(無料)が必要です。

Who this course is for:

  • ReactのフレームワークであるNext.jsについて学びたい人
  • Next.js + Typescriptを使って自分でアプリを作ってみたい方