Hi, I'm Kitze! I made Sizzy, Twizzle, JSUI, OK Google, Lucky Retweet etc. I founded React Academy to teach React & GraphQL around the world. I also make YouTube Videos and stream on Twitch.

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

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".