Traditional React development and Next.js development are completely different approaches. This course penetrates the core of the latest Next.js 16 and teaches you the 'real' Next.js way of development. Experience how to achieve both performance and efficiency, from job portfolio projects to real-world projects.

Let's develop the Next.js way! The course is structured to help you learn by doing, creating actual examples to understand how to apply Next.js features. You'll learn faster through actual code rather than theory, focusing on Server Components and covering Server Actions and caching strategies.

Since the goal of the course is to catch up with the Next.js vibe as quickly as possible, the lectures are conducted using JavaScript. However, each lecture's examples are additionally provided as course materials created in TypeScript.

December 18, 2025 - Updated to Next.js 16

zk202308a5410

Next.js with Spring Boot

nextjs

Nextjs

fullstack

react.js

javascript

springboot

SpringBoot

従来のReact開発方式とNext.jsを利用して開発する方式は全く異なります。この講義は最新のNext.js 16の核心を貫き、「本物の」Next.jsらしい開発方式をお教えします。就職ポートフォリオから実務プロジェクトまで、パフォーマンスと効率の両方を掴む方法を体験してください。

Next.jsらしく開発しましょう!Next.jsの機能をどのように適用すべきか、実際の例題を作りながら体で学べるように構成されています。サーバーコンポーネントを中心に見て、サーバーアクションとキャッシング戦略などを理論よりも実際にコードを通してより速く学習します。

講義の目標はできるだけ早くNext.jsの雰囲気についていくことであるため、講義自体はJavaScriptを利用して進行します。しかし、各講義の例題はTypescriptで制作されたものを追加で授業資料として提供します。

2025年12月18日 - Next.js 16バージョンにアップデート

입문

초급

중급이상

자바스크립트

JavaScript

리액트

React

스프링부트

Spring Boot

자바 퍼시스턴스 API

넥스트 제이에스

Next.js

Next.jsとSpring Boot

Next.js開発準備

Todo APIサーバー実行(Spring Boot)

Next.jsアプリルーティングとTodo

商品APIサーバー実行(Spring Boot)

Next.js商品処理

ユーザー認証APIサーバー

NextAuth認証

ショッピングカート機能バックエンド

ショッピングカートの実装