Component placement, naming, props conventions for apps/storefront. The core
rules (kebab-case filenames per oxlint, ComponentPlaceholder usage, React Router
7 file-based routing) live in repo and apps/storefront/ CLAUDE.md files. This
page captures the project-specific overlays
(Source).
Project-specific conventions
Component conventions pending
File contributions when the team decides on patterns like: design-system component imports (from Pack Digital? from a private package?), server vs. client component split, prop-shape conventions (typed via @corza/typescript-config), and folder layout under
apps/storefront/app/components/.
Naming
- Files and directories:
lowercase-hyphenated(kebab-case), enforced by oxlint’sunicorn/filename-caserule (source) - React Router 7 routes use the routing-specific patterns (
_index,$param,account_.layout) underapps/storefront/app/routes/
React Router routing patterns
Confirm via
apps/storefront/app/routes/directory listing once the storefront has live routes; file a clarification capturing the exact conventions.