Kitze
K
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.
Check out Sizzy - The Browser For Developers

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