Next.js の公式チュートリアルをベースにしたダッシュボードアプリにおいて、セキュリティ脆弱性の解消をきっかけに Next.js 16 へのアップデートを敢行しました。
最新の React 19 や Next.js 16 では、これまでの書き方が通用しない「破壊的変更」や、ビルド時の挙動の変化がいくつかあります。フリーランスエンジニアとして、実務でも遭遇しそうなこれらのトラブルをどう解決したか、その全記録を共有します。
現在開発中のフリー素材サイト「Free Images」に、「寄付（Donate）」機能を導入することにしました。
「決済機能なんて実装が大変そう…」と身構えていたのですが、Stripe を使えばコードをほとんど書かずに導入できることが判明。
しかし、いざ設定を始めると 「管理画面のどこで名前を変えるの？」「複数のアプリはどう管理する？」 といった、コード以外の部分で意外と躓きました。
今回は、初めてStripeを触るエンジニアに向けて、最短で安全に寄付機能をリリースするための手順と、私がハマった落とし穴をシェアします。
Next.js（App Router）での認証実装。ライブラリが優秀すぎて「なぜか動く」状態になりがちですが、一歩踏み込んで JWT（JSON Web Token ジョット） の仕組みを理解すると、デバッグの質が劇的に変わります。
今回は、Auth.js（NextAuth）を例に、JWTの正体と現場で使えるTipsをまとめました。
Next.js App RouterとGoogle Gemini APIを組み合わせて、画像の生成からタグ付け、翻訳、公開までを自動化するストックフォトサイトを構築しました。開発の裏側と技術的なハマりポイントを紹介します。