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