有料プラン

Next.js公開設計:SEO・画像最適化・デプロイ

metadata、動的metadata、OGP、Image、フォント最適化、本番ビルド、マネージド環境・自サーバーへの公開、公開前チェックを扱う全13レッスンの公開プロジェクトです。fleamaを検索・SNS・表示速度まで整え、公開URLを持つ本番サービスとして完成させます。

レッスン

13件

所要時間

約3.5時間

ランク

中級

学習環境

ブラウザ完結

目標

fleamaの検索・SNS・画像・フォント・本番ビルドを整え、公開URLを持つサービスとして公開する

概要

metadata、動的metadata、OGP、Image、フォント最適化、本番ビルド、マネージド環境・自サーバーへの公開、公開前チェックを扱う全13レッスンの公開プロジェクトです。fleamaを検索・SNS・表示速度まで整え、公開URLを持つ本番サービスとして完成させます。

できるようになること

静的・動的metadataとOGPをページごとに設定できる

Imageとフォント最適化を使って表示品質を改善できる

本番ビルドを検証し、公開環境へ安全にデプロイできる

前提知識・必要な環境

必須

  • Next.jsフルスタック:サーバー・データ取得・API 修了相当

環境

ブラウザ完結(インストール不要)

内容

テキストでの解説

0

レッスン

コーディングの問題

12

レッスン

クイズ問題

1

レッスン

監修

ゆめさくコード編集部

プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。

生田 陸人

ゆめさくエンジニア / 現役ソフトウェアエンジニアRuby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。

このコースの動く図解

動かしながら、仕組みや変化を目で確かめられます。

動く図解をすべて見る