Nextjs path alias

// tsconfig.json or jsconfig.json
{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/design-system/*": ["components/design-system/*"]
    }
  }
}

Source: nextjs.org

Nextjs path alias

// Imports 'components/design-system/button'
import Button from '@/design-system/button'

Source: nextjs.org

Similar codes

48 votes433 views1 answer
Emmet not working in react nextjs
Javascript Next.js
0 vote279 views1 answer
Hydration in next js
Javascript Next.js
11 votes428 views5 answers
Next js create app
Javascript Next.js
1 vote439 views1 answer
Cannot update a component while rendering a different component nextjs
Javascript Next.js
0 vote286 views1 answer
Link in next js is refresh page
Javascript Next.js
1 vote382 views1 answer
Next js typescript command
Javascript Next.js
0 vote264 views1 answer
Get cuurent route name nextjs
Javascript Next.js
0 vote270 views1 answer
Add google tag manager to next js
Javascript Next.js
8 votes432 views2 answers
Create next js app yarn
Javascript Next.js
2 votes347 views2 answers
Next js getserversideprops
Javascript Next.js