Hey! Todos en algún momento de nuestros proyectos de NextJS nos hemos encontrado con la situación de tener que importar algún componente que se debe usar.

Generalmente, importamos las rutas de ésta manera 👇🏾

Y eso no está mal, sólo que los proyectos crecen y a medida que pasa ésto puede ser muy tedioso porque debemos movernos entre carpetas y tenemos que empezar a buscar para encontrar el que necesitamos. Esto se puede solucionar de manera muy fácil y acá te voy a mostrar cómo:

Dentro de la raíz del proyecto, vas al archivo tsconfig.json en caso de que estés usando Typescript, de lo contrario debes tener jsconfig.json

Una vez en éste archivo, tienes un objeto llamado compilerOptions en el que como primero, vas a agregar la opción baseUrl así👇🏾

Luego, se agrega el atributo paths y en éste objeto las paths 👇🏾

Se puede agregar cuantas rutas consideres necesarias, al final podrás tener algo como ésto👇🏾

Al final, la estructura de tu proyecto en NextJS va a lucir mucho más limpia y deberías poder ver tu proyecto así

www.viistorrr.com
@viistorrr