Next-commands

start project

npm run dev

create local build

npm run build

run local build

npm run start

################################

folder-layout

public - Static files. (Example - images , icons etc.)

app - for APIs

src - source files

pages - for main pages

components - for components.

scss - for all styling Use SCSS

data - for all data files. Ex. JSON files.

################################

################################ ################################

styling

use bootstrap classes for styling.

if necessary use local styles.

make section in style files using '//' comment.

make individual scss files in scss/scssComp folder, if a page's styling is long, then import scss file in _import.scss

scss files

global.scss - use for global styles

_var.scss - use for variables declarations

_reset.scss - use for reseting styles of bootstrap

_import.scss - use for importing files

_text.scss - use for text styles.

file-naming

pages - always name pages meaningful Ex. pricing.js

################################

class-naming

use BEM structure for naming.

https://getbem.com/