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

Let's develop the Next.js way! This course is structured so you can learn through hands-on experience by creating actual examples of 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 approach as quickly as possible, the lectures themselves are conducted using JavaScript. However, examples from each lecture created with TypeScript are additionally provided as course materials.

zk202308a5410

Next.js 15: Full-Stack Development

nextjs

Nextjs

fullstack

react.js

javascript

springboot

SpringBoot

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


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


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

입문

초급

중급이상

자바스크립트

JavaScript

리액트

React

자바 퍼시스턴스 API

넥스트 제이에스

Next.js

Next.js 15: フルスタック開発

Next.js開発準備

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

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

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

Next.js商品処理

NextAuth認証

ショッピングカート実装