Startuplanding
WelcomeGetting StartedAvailable ScriptsProject StructureMail IntegrationDeployment
SEO and Analytics

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).