This example shows how to configure Babel to have absolute imports instead of relative imports without modifying the Webpack configuration.
Deploy the example using Vercel or preview live with StackBlitz
Execute create-next-app
with npm or Yarn to bootstrap the example:
npx create-next-app --example with-absolute-imports with-absolute-imports-app
# or
yarn create next-app --example with-absolute-imports with-absolute-imports-app
# or
pnpm create next-app -- --example with-absolute-imports with-absolute-imports-app
Deploy it to the cloud with Vercel (Documentation).