開発Next.js 15→16移行をしたので対応したことまとめNext.js 15.1.0 から 16.1.0 へのアップグレード作業、お疲れ様です！ 下書きを拝見しましたが、変更内容が非常に具体的で、エンジニアにとって有益な「ハマりどころ」が網羅されています。特に useRef の型変更や openGraph.tags のエラーなどは、公式ドキュメントだけでは気づきにくいポイントですね。 いただいた内容をベースに、より読みやすく、検索流入も意識したタイト...Next.js2026年1月3日
開発Next.js 16 サイトマップ・robots.txt 自動生成ガイドNext.js 16の公式APIを使って、SEOの要となるサイトマップ（sitemap.xml）とrobots.txtを自動生成する方法を解説します。 動的コンテンツへの対応はもちろん、**サイトマップの種類別分割**や**Google News対応**まで、実務で必要なパターンを網羅しました。Next.jsサイトマップ2025年12月31日
開発Next.js 16のSEO、まだnext-seo使ってる？Metadata APIへの移行と最適解Next.js 16 (App Router) 環境におけるSEO実装のベストプラクティスを解説する。 かつてのデファクトスタンダード next-seo から、Next.js標準の Metadata API への完全移行を推奨。 筆者の実務コードをベースに、動的メタデータの生成方法、Next.js 15以降の非同期パラメータ対応、そして保守性を高めるための「共通ユーティリティ関数」の設計パターンを共有する。Next.jsMetadata APISEO+12025年12月29日
開発【2025年最新】Next.jsをGCP Cloud RunにGitHub Actionsで自動デプロイする完全ガイドNext.jsアプリをGCP Cloud Runにデプロイする際、毎回「あれ、どのAPIを有効化するんだっけ？」「サービスアカウントの権限設定はどうだったかな？」と忘れてしまうことがありました。 特に新規プロジェクトを立ち上げる際、GCPプロジェクトの作成からGitHub Actionsによる自動デプロイまでの一連の流れを毎回調べ直すのは非効率です。 そこで、自分自身の備忘録として、また同じ課...Next.jsGCPCloud Run+12025年10月12日
開発【2025年10月現在】AI駆動開発でNext.jsプロジェクトを爆速で立ち上げるためのTips生成AIツールを活用して、Next.jsプロジェクトを爆速で立ち上げる方法をまとめました。 「1週間？遅すぎる。」 1ページのランディングページなら、0の状態から1日でローンチできます。要件を整理して、実装して、デプロイして、ドメイン設定まで全部。私は今、そのペースで開発しています。クライアントや社内メンバーの期待を2〜3段階ぶち抜いて「え、もう出来たの！？」と言わせましょう。 従来の開発で...AI駆動開発Next.jsClaude Sonnet 4.52025年10月11日
開発nero15.dev の技術選定：なぜNext.jsを選んだのかmarkdown nero15.dev の技術選定：なぜNext.jsを選んだのか はじめに nero15.devは、サッカー情報を中心に技術記事なども配信するメディアプラットフォームです。1から開発するにあたり、技術スタックの選定は重要な決断でした。 本記事では、フロントエンドフレームワークとしてNext.jsを選択した理由と、その判断に至るまでの思考プロセス、そして実際に開発してハマ...Next.jsAI駆動開発SEO+22025年10月4日
