Next.jsコース

Reactアプリを、サーバー・検索・公開まで備えたサービスへ。

App Routerとレイアウトから始めて、サーバーでのデータ取得、API、SEO、 画像最適化、デプロイまでを1つのfleamaでつなぎます。

全3コース・58レッスン
この道のりに含まれますフロントエンドエンジニアへの道

Reactアプリを、本番サービスへ育てよう

ページと共通レイアウト、サーバーとAPI、検索・SNS・公開を3コースで順に仕上げます。

STEP 1|App Routerでページと共通レイアウトをつくる

Next.js入門:App Routerとレイアウト
学習有料プラン

Next.js入門

App Routerとレイアウト

ファイルベースルーティング、Link、loading、layoutを扱います。 React版fleamaをNext.jsのページ構成へ移行します。

21レッスン始める

STEP 2|サーバーでデータを取得し、APIとフォームをつくる

Next.jsフルスタック:サーバー・データ取得・API
学習有料プラン

Next.jsフルスタック

サーバー・データ取得・API

Server Components、動的ルート、Route Handler、Server Actionsを扱います。 データ取得から出品フォームまでをNext.js内へ実装します。

24レッスン始める

STEP 3|検索・SNS・表示速度を整え、本番公開する

Next.js公開設計:SEO・画像最適化・デプロイ
学習有料プラン

Next.js公開・SEO

SEO・画像最適化・デプロイ

metadata、OGP、Image、フォント最適化、本番ビルドを扱います。 公開URLを持つfleamaを完成させます。

13レッスン始める

この知識が出る資格

ここで学ぶ内容は、次の試験でも問われます

人気のコース

いま多くの方が取り組んでいるコースです