6 years ago

How to use the src directory and absolute imports in Next.js

#NextJS#Webdev

I'm super excited that this is finally a thing so all of my source code (src, get it) can live in the src directory and I can import it using absolute imports.

Make a tsconfig.json or jsconfig.json file

Add the baseUrl option:

{
  "compilerOptions": {
    "baseUrl": "./src"
  }
}

That's it 🎉

If you're a WebStorm user make sure to right click the src directory and click "Mark as resource root".

Products I've built

Browsers, Mac apps and tools for developers, creators, and anyone trying to stay focused.

Kitze

How to use the src directory and absolute imports in Next.js

Products I've built

Sponsors

More posts