Can't resolve 'bufferutil' and 'utf-8-validate'

This can be solved by configuring your webpack externals:

//webpack.functions.js
const nodeExternals = require('webpack-node-externals');

module.exports = {
  externals: [nodeExternals()],
};

However, imho it is more reasonable to have this set up by default so there’s no hassle with a custom webpack config when setting up a graphql lambda.

@sw-yx Any thoughts or objections on having this config by default? I’d be happy to open a PR adding it!

The solution for me was add this ti my next.config.js:

const nodeExternals = require('webpack-node-externals');

const nextConfig = {
  reactStrictMode: true,
};

module.exports = {
  ...nextConfig,
  webpack: (config, { isServer }) => {
    if (!isServer) {
      config.externals = [nodeExternals()];
    }

    return config;
  },
};

I’m using Next 12.1.5