# App Structure

Everything needed to build a Hyperspan app is contained in the `app` directory. This lets you maintain your own `src` directory structure for things that are specific to your app.

## App Directory

The app directory structure is as follows:

```
app/
├── actions/     [server actions]
│   └── create-user.ts
├── layouts/     [recommended folder for layouts]
│   └── main-layout.ts
├── styles/      [global styles & Tailwind setup (if used)]
│   └── global.css
└── routes/      [all your routes go here]
    └── index.ts
    └── about.ts
    └── contact.ts
    └── posts/
        └── [id].ts
        └── index.ts
    └── docs/
        └── [...page].ts
```