Folder Structure

Folder Structure

Let's talk about what's inside the downloaded package.

  1. Images folder - Contains necessary images if you want to import demo data

  2. Documentation folder - Contains the documentation html file to redirect to this online tutorial page.

  3. Ciseco_Hydrogen folder - Main directory of the Hydrogen project

πŸ“‚ Ciseco_Hydrogen/
β”œβ”€β”€ πŸ“ app/
β”‚   β”œβ”€β”€ πŸ“ assets/
β”‚   β”œβ”€β”€ πŸ“ components/
β”‚   β”œβ”€β”€ πŸ“ graphql/
β”‚   β”œβ”€β”€ πŸ“ lib/
β”‚   β”œβ”€β”€ πŸ“ utils/
β”‚   β”œβ”€β”€ πŸ“ hooks/
β”‚   β”œβ”€β”€ πŸ“ data/
β”‚   β”œβ”€β”€ πŸ“ contains/
β”‚   β”œβ”€β”€ πŸ“ routes/
β”‚   β”œβ”€β”€ πŸ“ styles/
β”‚   β”œβ”€β”€ entry.client.jsx
β”‚   β”œβ”€β”€ entry.server.jsx
β”‚   └── root.jsx
β”œβ”€β”€ πŸ“ public/
β”œβ”€β”€ CHANGELOG.md
β”œβ”€β”€ README.md
β”œβ”€β”€ customer-accountapi.generated.d.ts
β”œβ”€β”€ env.d.ts
β”œβ”€β”€ jsconfig.json
β”œβ”€β”€ package.json
β”œβ”€β”€ postcss.config.js
β”œβ”€β”€ server.js
β”œβ”€β”€ storefrontapi.generated.d.ts
β”œβ”€β”€ tailwind.config.js
└── vite.config.js

Last updated

Was this helpful?