Next.js 本番だけ ERR_INVALID_CHAR になった全記録 — 環境変数末尾改行を Sentry で掴むまで3日
本番環境だけ ERR_INVALID_CHAR が出て3日詰まった原因究明ログ。環境変数の末尾改行が Sentry のスタックトレースで発覚するまでの判断の迷いと、Next.js 16 + Vercel 構成でなぜ dev だけ再現しないかの仕組みを実体験から解説します。
Supabase・Stripe・Vercel を組み合わせて、個人でもSaaSを運用できる最小構成と落とし穴を紹介。
本番環境だけ ERR_INVALID_CHAR が出て3日詰まった原因究明ログ。環境変数の末尾改行が Sentry のスタックトレースで発覚するまでの判断の迷いと、Next.js 16 + Vercel 構成でなぜ dev だけ再現しないかの仕組みを実体験から解説します。
Next.js App Router の dev サーバーで「画面は表示されるが UI が一切反応しない」現象の真因は .next/static/chunks/ が空になりクライアント JS がロードされずReactが起動していない状態です。console 404 の確認から .next 削除・再起動まで、実体験ベースで解説します。
Next.js App Router + Supabase Auth の middleware 実装で、リダイレクトループが起きる原因は3種類ある。getUser 移行・matcher 設定・async cookies 対応漏れを実例コードで解説。3日詰まった記録と完全版 middleware を公開。
masatoman.net の magic link ログインが launch 以来ずっと機能していなかった。原因は NextResponse.redirect() が Cookie を引き継がない Next.js App Router の仕様。修正コード・再発防止 smoke test・個人開発の運用品質設計を実体験から解説。
Next.js 16のmiddleware廃止、proxy.tsへの移行方法、export名の変更など、実際にrecipe-aiで遭遇した破壊的変更と対処法をまとめました。
サブスク実装なしで初日から収益化。Stripe Payment Linksを使った3段階チップモデル(¥500/¥1,000/¥3,000)の設計と実装。recipe-aiで実践した、実装コストゼロの収益化戦略を解説。
SupabaseのFreeプランを最大活用。1つのプロジェクトでKOBO(SaaS)とrecipe-ai(AIアプリ)を安全に共用する設計パターンをRLS実装付きで解説。
個人開発サービスのエラー監視、放置していませんか?Sentry無料枠 (Developer Plan) の実際の制限と、Next.js 16 + Supabaseプロジェクトへの導入手順、Slack通知連携までをコピペで動く設定付きで解説。
個人開発SaaSで認証をどう実装するか。Clerk、Supabase Auth、NextAuth v5 の3択を料金・実装難易度・ベンダーロックインの観点で比較。筆者の2プロダクト実装経験から、副業で月¥5万を目指す本業エンジニア向けの最適解を解説します。
GA4とSearch ConsoleのCSVエクスポートを手動でやっていませんか?TypeScript 2ファイル + GitHub Actionsで週1完全自動化する方法を、コピペで動くコード付きで解説。
.gitignoreだけでは不十分。pre-commitフックで秘密鍵・APIキー・セッションCookieの漏洩を自動ブロックする方法を、実際のヒヤリハット体験とともに解説。
Supabase Row Level Security を使った購入チェックの実装パターン。Service Role Keyの使い分け、N+1問題の回避、サーバーコンポーネントとの組み合わせまで、本番運用で必要な知見を解説。
Next.jsとSupabaseの無料枠を使って個人開発SaaSを立ち上げる方法を、実際に複数のSaaSを運営している筆者が解説。副業で月¥5万を目指す本業エンジニア向けに、認証・DB・デプロイまで固定費¥0で始めるセットアップを完全公開します。
個人開発のWebアプリにStripe決済を導入する方法を完全解説。Checkout Session、Webhook、購入管理まで、実際に複数のSaaSを運営する筆者が、副業で月¥5万を目指す本業エンジニア向けに、最小実装の手順を公開します。
SupabaseとFirebaseの料金・データベース・認証・リアルタイム機能を徹底比較。自作の個人SaaSでSupabaseを実運用している筆者が、選び方のポイントと移行コストまで解説します。
Vercelの無料Hobbyプランでできること・制限・商用利用NGの注意点を徹底解説。Proプランとの違い、v0の5プラン詳細、Turboビルド対応、実際にNext.jsサイトを運用している筆者のコストデータまで2026年4月最新情報で網羅します。