Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Next.jsフルスタックWebアプリケーション開発入門
Rating: 4.5 out of 5(359 ratings)
3,118 students

Next.jsフルスタックWebアプリケーション開発入門

AppRouterやServerActionsなどNext.jsのモダンな機能を学べる講座です。実践編ではこれらの機能をフル活用してアプリケーション開発を行なっていきます。
Created byYu Shinozaki
Last updated 1/2026
Japanese

What you'll learn

  • AppRouterやServerActionsなどNextjsのモダンな機能
  • Nextjsを使用して基本的なフルスタックアプリケーションを開発する方法
  • MongoDBを使用したデータ管理の方法
  • Nextjsアプリケーションのデプロイ方法

Course content

7 sections58 lectures5h 30m total length
  • コースの紹介3:21
  • 注意事項0:38
  • 必要なソフトウェアのインストール0:44

Requirements

  • TypeScriptの基礎知識
  • Reactの基礎知識

Description

Next.jsフルスタックWebアプリケーション開発入門

Next.jsは、Reactのエコシステム内で急速に人気を集めるフレームワークです。

特に最近のアップデートで、Next.jsのコア機能であるルーティングにおいて、Pages RouterからApp Routerと呼ばれる方法に変わり、パフォーマンスや開発体験を大きく向上させる機能として非常に注目度が高まっています。


本コースはApp RouterやServer ActionsなどNext.jsのモダンな機能を中心にステップバイステップで学習を進めます。

また実践的なプロジェクトを通じて、Next.jsでのフルスタックアプリケーション開発について学びます。


コースの内容:

  1. Next.jsの基礎: 簡単なサンプルを通じて、App Router、Server Actionsを含むNext.jsのコア機能を学習します。

  2. Next.jsを使用したフルスタックアプリケーション開発: 実際のプロジェクトを通じて、フロントエンドとバックエンドの両方でNext.jsを使用した開発の流れをマスターします。

  3. アプリケーションのデプロイ: アプリケーションをデプロイして公開する方法を学びます。


コースの目標:

  • Next.jsのモダンな機能をキャッチアップ

  • Next.jsを使用した基本的なフルスタックアプリケーションの開発方法を習得

このコースは、Reactの基礎を習得し次のステップとしてNext.jsを0から学びたい初心者から、旧バージョンのNext.jsは学習済みで最新機能を素早くキャッチアップしたい経験者まで幅広く対応しています。

実践的な例を通じて、モダンなNext.jsの機能について学んでいきましょう。

Who this course is for:

  • AppRouterやServerActionsなどNextjsのモダンな機能を素早くキャッチアップしたい方
  • Nextjsを使用した基本的なフルスタックアプリケーションの開発方法を学びたい方
  • Reactの基礎を学習し終え、次のステップとしてNextjsを学習してみたい方