# file-organization

> File and directory organization for scalable frontend codebases. Keywords: file structure, folder structure, feature folders, organization.

- Author: willyu1007
- Repository: willyu1007/AI_First_Template
- Version: 20251224182030
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-07
- Source: https://github.com/willyu1007/AI_First_Template
- Web: https://mule.run/skillshub/@@willyu1007/AI_First_Template~file-organization:20251224182030

---

---
name: file-organization
description: "File and directory organization for scalable frontend codebases. Keywords: file structure, folder structure, feature folders, organization."
---

# File Organization

This skill describes a feature-oriented folder structure that scales.

---

## Recommended structure

```text
src/
  features/
    <feature>/
      api/
      components/
      hooks/
      helpers/
      types/
      index.ts
  components/        # truly reusable UI components
  routes/            # routing entries (if using file-based routing)
  lib/               # shared utilities (api client, monitoring, etc.)
```

Rules:
- Feature folders own domain-specific UI and data logic.
- Shared `components/` should be generic and reusable across features.
- Keep public exports in feature `index.ts` small and intentional.