[OTHER] Suggestion - Add path aliases

[FrozenHearth]

What would you like to share?

Right now, we are having to manually specify the directory path in this way:

import xyz from "../../../components/XYZComponent"

With aliasing using jsconfig.json file, we can clean up the import syntax, and do something like,

import xyz from 'components/XYZComponent'

Next.js supports it out of the box: https://nextjs.org/docs/advanced-features/module-path-aliases

Additional information

No response

[github-actions[bot]]

It's great having you contribute to this project

Welcome to the community :nerd_face:

If you would like to continue contributing to open source and would like to do it with an awesome inclusive community, you should join our Discord chat and our GitHub Organisation - we help and encourage each other to contribute to open source little and often 🤓 . Any questions let us know.

[FrozenHearth]

Anyone wants to take up this issue? CC @ManishBisht777 @eddiejaoude

[FrozenHearth]

I can take this up.

[SaraJaoude]

Great idea @FrozenHearth - I will assign this to you.

[FrozenHearth]

Thanks @SaraJaoude ! Just a question; do you recommend I ONLY add the jsconfig file OR additionally also make changes to all files to replace ../../components with @/components

[eddiejaoude]

Thanks @SaraJaoude !

Just a question; do you recommend I ONLY add the jsconfig file OR additionally also make changes to all files to replace ../../components with @/components

I think it would be great to have it all moved over in this pull request

[eddiejaoude]

This has now been completed