[](https://stackblitz.com/github/withastro/astro/tree/latest/examples/toolbar-app)
[](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/toolbar-app)
[](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/toolbar-app/devcontainer.json)
> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun!
## 🚀 Project Structure
Inside of your Astro project, you'll see the following folders and files:
```text
/
├── app.ts
├── integration.ts
└── package.json
```
The logic of your app is in the appropriately named `app.ts` file. This is where the vast majority of your toolbar app logic will live.
The `integration.ts` file is a simple Astro integration file that will be used to add your app into the toolbar.
## 🧞 Commands
All commands are run from the root of the project, from a terminal:
