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

0 vote258 views1 answer
Next js css not working
Javascript Next.js
5 votes259 views3 answers
Nextjs starter
Javascript Next.js
0 vote264 views1 answer
Next js navigation to other page in a function
Javascript Next.js
0 vote263 views1 answer
Next js find all the rerenders
Javascript Next.js
0 vote249 views1 answer
Router.push next js
Javascript Next.js
0 vote253 views1 answer
Back button next js
Javascript Next.js
0 vote265 views1 answer
Head component nextjs
Javascript Next.js
3 votes305 views1 answer
Get values form query params in next js
Javascript Next.js
48 votes281 views1 answer
Emmet not working in react nextjs
Javascript Next.js
1 vote304 views1 answer
Cannot update a component while rendering a different component nextjs
Javascript Next.js