Next.js sharp

next.jsでsharpを使う時 webpackから外すことを忘れないこと

const nextConfig = {
  webpack: (config) => {
    config.externals.push({
      sharp: "commonjs sharp",
    });
    return config;
  },
}

sharpのinput fileは絶対パスでないと存在しないといわれるので、pathとprocess.cwd()などでパスを作る。

sharpのtoBuffer() -> (クライアントでfetch) -> Uint8Array -> Blob -> createObjectURLで画像ダウンロード

(もっといい方法ないのだろうか...)