メタデータ
metadata は head に入る有料プラン
Next.js公開設計：SEO・画像最適化・デプロイ
metadata、動的metadata、OGP、Image、フォント最適化、本番ビルド、マネージド環境・自サーバーへの公開、公開前チェックを扱う全13レッスンの公開プロジェクトです。fleamaを検索・SNS・表示速度まで整え、公開URLを持つ本番サービスとして完成させます。
レッスン
13件
所要時間
約3.5時間
ランク
中級
最初のレッスンを読む
15分・登録なしで読めます
動く図解・メタデータ
動く図解・メタデータ
目標
fleamaの検索・SNS・画像・フォント・本番ビルドを整え、公開URLを持つサービスとして公開する
できるようになること
静的・動的metadataとOGPをページごとに設定できる
Imageとフォント最適化を使って表示品質を改善できる
本番ビルドを検証し、公開環境へ安全にデプロイできる
前提知識・必要な環境
必須
- • Next.jsフルスタック：サーバー・データ取得・API 修了相当
環境
ブラウザ完結（インストール不要）
このコースに入っているもの
触れる図解
8本
手を動かす演習
12問
理解度クイズ
1問
監修
ゆめさくコード編集部
プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。
生田 陸人
ゆめさくエンジニア / 現役ソフトウェアエンジニア。Ruby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。
titleとOGPと画像最適化を整え、検索結果とSNSで見栄えするアプリに仕上げます。
本番ビルドから公開までを通し、自己点検と自由拡張でfleamaを完成させます。
このコースを終えると取れるバッジ
Next.js 第3コース
0 / 13 レッスン
このコースの動く図解
動かしながら、仕組みや変化を目で確かめられます。
