Folder Structure
After Unzip, your project should look like this:
your project
📦src┣ 📂analytics┃ ┗ 📜index.js┣ 📂assets┃ ┣ 📂icons┃ ┃ ┣ 📜organization_icon.png┃ ┃ ┗ ...┃ ┣ 📂images┃ ┃ ┣ 📜messenger.png┃ ┃ ┗ 📜...┃ ┣ 📜banner.svg┃ ┗ 📜logo.png┣ 📂components┃ ┣ 📂accordion┃ ┃ ┣ 📜accordion.js┃ ┃ ┣ 📜base-accordion.js┃ ┃ ┗ 📜shared.js┃ ┣ 📂footer┃ ┃ ┣ 📜footer.data.js┃ ┃ ┗ 📜footer.js┃ ┣ 📂header┃ ┃ ┣ 📜header.data.js┃ ┃ ┗ 📜header.js┃ ┣ 📜feature-card.js┃ ┣ 📜image.js┃ ┣ 📜information-block.js┃ ┣ 📜layout.js┃ ┣ 📜link.js┃ ┣ 📜list.js┃ ┣ 📜logo.js┃ ┣ 📜offer-card.js┃ ┣ 📜price-card.js┃ ┣ 📜section-header.js┃ ┣ 📜seo.js┃ ┣ 📜subscribe.js┃ ┗ 📜...┣ 📂pages┃ ┣ 📂api┃ ┃ ┣ 📜send-grid.js┃ ┃ ┗ 📜subscribe.js┃ ┣ 📜_app.js┃ ┣ 📜_document.js┃ ┗ 📜index.js┣ 📂sections┃ ┣ 📜banner.js┃ ┣ 📜faq.js┃ ┣ 📜feature.js┃ ┣ 📜offer.js┃ ┣ 📜package.js┃ ┣ 📜product-feature.js┃ ┣ 📜support.js┃ ┣ 📜testimonial.js┃ ┗ 📜...┗ 📂theme┃ ┗ 📜index.js
Naming We Follow:
- Folder/Filename: kebab case(file-name.js).
- Component name: Pascal case(FileName).
- Function name: camel case( functionName).