【Next.js】Edge Runtime でサーバ上のテキストファイルを読み込む [Techblog#30]

Next.js 12 から Edge Runtime が追加されました

これは Web API をベースとし、リソースの使用を抑えつつリクエストごとに振る舞いを変えられる機能を提供しています

対となる代表的なものは Node Runtime で、こちらは馴染み深いと思います

このように Node Runtime がサポートしている多くの機能は Edge Runtime で利用できないです

例えば fs や child_process などのモジュールは Edge Runtime では利用できません

そのため、サーバ上に置かれているファイルを読み込むことができないのですが require だけは使うことができます

データを事前に json に変換しておくことで、読み込むことができます

const data = require('../data.json')

条件としては、

となるため、かなり苦しいです... 🥶

別にエンドポイントを立てて、そこから fetch した方が良いと思っていますが、最終手段にぜひ〜