> For the complete documentation index, see [llms.txt](https://nghiaxchis.gitbook.io/ciseco-hydrogen-shopifys-headless-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nghiaxchis.gitbook.io/ciseco-hydrogen-shopifys-headless-theme/folder-structure.md).

# 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

```markup
📂 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
```