[ENHANCEMENT] App structure

[YuriDevAT]

Let's guarantee a great DX by making some changes

Until now, there is no clean structure of the folders or the files itself. Let's discuss some common ground rules to make it easy for everyone working on the code base (DX Developer Experience).

Components:
Where to store the components. Now, there are tow components folders, one in the base directory and one inside the pages folder. What is the common structure when creating a next.js project?

File naming:
Some files are ending with .js and some with .jsx. This should be consistent throughout the whol application. I would suggest to simply go with .js. As far as I know there is no need to use .jsx anymore. But let's discuss naming conventions, pros and cons,.. .

CSS:
Where to store the css? Should everything be in the styles folder inside the globals.css file? Or should each component have its own file with the componentName.module.css file?

Make some suggestions in the comments.

Tasks

Preview Give feedback

No tasks being tracked yet.