Use absolute imports in Next.js app deployed with ZEIT Now

Question

In the Next.js 9 tutorial the suggested way to import shared components is by relative paths, like

import Header from          


        

Answer 1

In Next.js 9.4 it is possible to do it by adding the baseUrl config to jsconfig.json (JS projects) or tsconfig.json (TS projects).

// jsconfig.json or tsconfig.json
{
  "compilerOptions": {
    "baseUrl": "."
  }
}

This will allow imports from the root directory. It also integrates well with IDE such as VS Code. See documentation for more information.