Project structure

Files and directories

The Hydrogen app follows the Remix file conventions. You can learn more about the Hydrogen project structure here.

The Sanity studio project structure follows Sanity’s best practices.

Project tree

• Directoryapp Hydrogen app

  • Directorycomponents/

    • …
  • Directorydata/

    • …
  • Directoryroutes/

    • …
  • …
  • entry.client.tsx
  • entry.server.tsx
  • root.tsx
  • Directorysanity Sanity studio

    • Directoryschemas Studio schemas

      • Directorydocuments/

        • …
      • Directoryobjects/

        • …
      • Directorysingletons/

        • …
      • …
    • Directorystructure/ Studio structure

      • …
    • …
• .env.sanity Sanity env vars (generated by sanity cli)
• .env.template
• components.json Shadcn config file
• env.d.ts
• sanity.cli.ts
• sanity.config.ts
• server.ts
• vite.config.ts Vite config file
• …