> For the complete documentation index, see [llms.txt](https://docs.aitheon.com/creators-studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.aitheon.com/creators-studio/new-component-creation-tutorial/app-component-json.md).

# app-component.json

By default, an **app-component.json** file is added to each project. This file opens a flow to test your new component before the release.

This file already embraces all the project files - component.html, component.js, and config.json. When you are done with some editions in these files, open app-component.json, **Apply Changes** (to apply changes in the project files), build a flow, hit **Deploy** (to apply changes in the flow)**,** and test the component’s appearance and behavior. 

![](https://lh5.googleusercontent.com/6YUZUdKJyzHBoe3yYSsuebmWG0RQBmIvkQ7FFkRxuOlaRXGrA4IjKHqYLDzjyT4nBNFSCi2l4eYzx2Fj1enOQ4j4dxFeS1y3QsLgDVNVHWfhpD7iKlyitZKWxhpYg9K2dv9f_-7G)

{% hint style="info" %}
You should remove and drag a component that you changed on the workspace again after hitting the **Apply Changes** button - otherwise, the component will remain obsolete.   

Deploying will not save the flow for future work with the project. To save the flow in **app-component.json** click **Apply Changes**, even if you didn't change the project files and just played with the flow after the last saving.
{% endhint %}

{% hint style="info" %}
See how to save the project properly in [**Compose an App**](/creators-studio/compose-an-app.md#5-commit-and-push).
{% endhint %}