·9 min read
Next.jsが本番だけERR_INVALID_CHARになる原因 — 環境変数の末尾の改行だった
本番環境だけ 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の開発サーバーで、画面は出るのにボタンが反応しない原因は、JavaScriptのファイルが読み込まれずReactが動いていないこと。確認方法と、.nextを消して再起動する直し方を解説します。
Next.jsデバッグReact個人開発開発環境
·16 min read
Next.jsとSupabase Authでリダイレクトが無限に続く3つの原因と直し方
Next.js App Router + Supabase Auth の middleware 実装で、リダイレクトループが起きる原因は3種類ある。getUser 移行・matcher 設定・async cookies 対応漏れを実例コードで解説。3日詰まった記録と完全版 middleware を公開。
Next.jsSupabaseAuthmiddleware個人開発
·11 min read
Supabaseのメールリンクでログインできない原因 — Cookieが消える問題の直し方
メールのリンクでログインする機能が、公開以来ずっと動いていなかった。原因はNext.jsのリダイレクトでCookieが引き継がれない仕様。修正コードと再発を防ぐテストを紹介します。
Next.jsSupabase認証バグ個人開発
·10 min read
Next.js 16でmiddlewareが消えた日——recipe-aiで踏んだmiddleware to proxy移行の実記録
recipe-aiをNext.js 16で構築したとき、middleware.tsがまるごと動かなくなった。ビルドは通るのにルーティングが効かない——proxy.ts移行の実記録と移行チェックリスト。
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コスト削減個人開発
·8 min read
【個人開発の運用】Sentry無料枠で月5000エラーまで完全監視する設定ガイド2026
個人開発サービスのエラー監視、放置していませんか？Sentry無料枠 (Developer Plan) の実際の制限と、Next.js 16 + Supabaseプロジェクトへの導入手順、Slack通知連携までをコピペで動く設定付きで解説。
Sentryエラー監視個人開発Next.js運用
·8 min read
個人開発のログイン機能はどれで作る？ClerkとSupabase AuthとNextAuthを比較
個人開発SaaSで認証をどう実装するか。Clerk、Supabase Auth、NextAuth v5 の3択を料金・実装難易度・ベンダーロックインの観点で比較。筆者の2プロダクト実装経験から、副業で月¥5万を目指す本業エンジニア向けの最適解を解説します。
個人開発認証ClerkSupabaseNextAuth
·7 min read
GA4とSearch Consoleのデータを自動で取得する方法 — コピペで動くコード付き
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で有料コンテンツを守る方法 — 未払いの人に見せない3つの注意点
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個人開発決済
·18 min read
Supabase vs Firebase：Next.js個人開発で選ぶなら？料金と相性を実運用8ヶ月で比べた
Next.js個人開発でSupabaseかFirebaseか迷っている人向け。料金（実費$25〜$35 vs Blaze従量）・Next.js統合・データ構造の3点から判断基準を整理。8ヶ月の実運用データあり。
Supabase vs FirebaseSupabase Firebase 比較BaaS比較個人開発
·25 min read
Vercelの料金プラン2026｜無料Hobbyの制限と商用利用NGの判断基準
Vercelの料金プラン（Hobby/Pro）の違いを実運用者が解説。無料Hobbyの制限・商用利用NGになるケース・Proへの移行判断基準・v0との統合コストまで2026年最新情報でまとめました。
Vercel 料金Vercel 無料Vercel Hobby プランNext.js デプロイVercel Prov0 料金Vercel v0