Next.js Edge RuntimeでGemini APIが「stream」エラーで落ちる原因と解決策

AI開発 Gemini Next.js エラー対応

Next.jsのEdge Runtime環境でGemini API（google-generative-ai）を使用する際に発生する「stream」エラーの原因と、Node.jsランタイムへの変更やfetch APIでの直接実装による解決方法を解説します。

2026-04-20

Next.js を AWS Lambda で動かすと 502 エラーが出る謎を解く。ストリーミングレスポンス設定の落とし穴

フロントエンド（React/Next.js） Next.js エラー対応

Next.js (App Router) を AWS Lambda で動かした際に発生する 502 Bad Gateway エラーの解決策を解説。原因は Lambda のデフォルト設定とストリーミング SSR の不一致です。InvokeMode の変更とハンドラーの修正方法を詳しく紹介します。

2026-04-18

Vite+登場：ESLintを100倍高速化、Next.js対応も実現する新世代ツールチェーン

フロントエンド（React/Next.js） ESLint Next.js vite

Vite+ Alphaが登場。ESLintを100倍高速化し、Next.jsにも対応する統合ツールチェーン。1コマンド・1設定ファイルで開発体験を劇的に改善。エンジニアは早期検証と段階的導入が鍵。

2026-03-17

Next.js / React でサーバーとクライアントで DOM 属性が異なり「Text content did not match」エラーになる原因と修正

フロントエンド（React/Next.js） Next.js React

Next.js を使ってアプリケーションを開発していると、Text content did not match というエラーに遭遇することがあります。これは React が サーバーサイドレンダリング (SSR) で生成 […]

2025-09-29

Next.jsで「Image Optimization using Next.js default loader is not compatible with next export」エラー

フロントエンド（React/Next.js） Next.js

Next.js を使った開発で静的サイトを生成する際に next export を実行すると、以下のようなエラーに遭遇することがあります。 これは Next.js の Image コンポーネントが標準で提供する画像最適化 […]

2025-09-11

Next.jsで「Module not found: Can't resolve 'fs'」エラーが出た時の対処法

フロントエンド（React/Next.js） Next.js

Next.jsで開発を進めていると、「Module not found: Can't resolve 'fs'」というエラーに遭遇することがあります。このエラーは、特にWebpackの設定やサーバーサイドレンダリング（S […]

2025-02-27