I’m sure there is not a real rule about this, but I’m looking for ideas on the best way to structure my Front-End projects. Also, I’m looking for an order that I should follow when I start building to avoid problems.
I want to build a simple rule to follow to create all my fend projects, just to build the habit of doing it.
Simple front-end project, no using libraries/frameworks like React, Vue, Angular, etc. I’ll use Node with Gulp.
What would be the best folder structure? I’m doing this:
/project /node_modules /source /css (sass) /js /img index.html (It is ok to be here or inside the root of the project?) /dist /css (output css) /js /img index.html (output) .gitignore package-lock.json package.json
Is that ok?
Now, the order of steps to create my project. The idea is just to have a checklist for me to follow, and one that I don’t end up having problems with my project later. Also, consider that I’ll be using GitHub for my repository.
- Create my local folder structure
1.1 Create a new branch if it’s an existing project
- Install Gulp
- Install Gulp Packages
- First Commit
Would that be a good step order to follow?
Thanks in advance