How to use a local external library in a Next.js app while developing?

[lancejpollard]

Summary

What is the approach to using a local external library (a TypeScript library which I'm developing concurrently) inside a Next.js app? How do you wire this up? I am using pnpm, can I pnpm link them, or do I need to symlink in a sort of way? What is the recommended approach?

I tried pnpm linking with and without this in my next.config.js, but both result in a host of errors of "module not found".

webpack: (config, options) => {
  config.resolve = {
    ...config.resolve,
    alias: {
      ...config.resolve.alias,
      '@myorg/myrepo': path.resolve(
        __dirname,
        './node_modules/@myorg/myrepo',
      ),
    },
  }
}

Additional information

No response

Example

No response

[taig]

I got it working by adding the dependency with as an absolute path and transpiling the package by Next.js.

package.json

{
  "dependencies": {
    "@my/app": "file:/absolute/path/to/my/app"
  }
}

next.config.mjs

/** @type {import('next').NextConfig} */
const nextConfig = {
  transpilePackages: ["@my/app"],
}

export default nextConfig

[lancejpollard]

Nice! Will have to give this a try.