# Development workflow

One of the goals of Forest Admin is empowering technical teams to achieve more in less time: in other words, giving them the means to create and maintain a great admin panel in as little time as possible.

{% hint style="warning" %}
If you created your project before May 10th, 2021, and want to benefit from this feature, please contact Forest Admin support to ask for it to be **"ready to migrate"**.
{% endhint %}

### Development tools

Your Forest Admin panel is composed of 2 parts - [the frontend (UI) and the backend](https://docs.forestadmin.com/developer-guide-agents-nodejs/~/revisions/RIg7Xt85Z2LyzUxn7V93/readme) - and for each one, you need the right tools:

The **Admin** **backend** is part of your codebase. As a result, you'll be using your favorite tools to customize it:

* Editing: your favorite IDE
* Versioning: your favorite versioning tool (git, svn, mercurial, etc)

Your **Forest Admin UI** is **not** part of your codebase: it is managed on Forest Admin servers. As a result, you depend on Forest Admin tools to customize it. Here's what we've built for you:

* Editing: use the [Layout Editor mode ↗](https://docs.forestadmin.com/user-guide/getting-started/master-your-ui/using-the-layout-editor-mode) to intuitively manage your layout (UI)
* Versioning: use [Forest CLI](https://docs.forestadmin.com/developer-guide-agents-nodejs/~/revisions/RIg7Xt85Z2LyzUxn7V93/deploying-to-production/forest-cli-commands) to seamlessly manage your layout versions

### Development workflow

For a simple and hands-on **example** of how to develop on Forest Admin according to our recommended development workflow, see [this page](https://docs.forestadmin.com/developer-guide-agents-nodejs/~/revisions/RIg7Xt85Z2LyzUxn7V93/deploying-to-production/development-workflow).

For a more complete view showcasing each possible scenario of the recommended development workflow, we've drawn the following state **diagram**:

![](https://3861847666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9UN5oBJhgzLadOqi7jx6%2Fuploads%2Fgit-blob-18daacc1f77994764235a531eba4b9831a7490e3%2Fdev-workflow-concept-1.png?alt=media)

![](https://3861847666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9UN5oBJhgzLadOqi7jx6%2Fuploads%2Fgit-blob-3d0b4708e9624cf76babc254ded04758afc58e09%2Fdev-workflow-concept-2.png?alt=media)

In the next pages, we'll cover each step in detail.