icon:../images/home-icons/product.svg

url:""

links:

-title:AboutProducts

-title:Aboutproducts

localurl:/argohub/products/about-products/

-title:Create products

localurl:/argohub/products/create-product/

icon:images/home-icons/product.svg

url:""

links:

-title:AboutProducts

-title:Aboutproducts

localurl:/docs/products/about-products/

-title:Create products

localurl:/docs/products/create-product/

url:"/runtime"

-title:Creating Git Sources

url:"/create-git-source"

-title:CreatingProducts and applications

-title:Creatingproducts and applications

url:"/create-app-ui"

-title:CreatingEnvironments

-title:Creatingenvironments

url:"/quick-start-gitops-environments"

-title:Creating Promotion Workflows

url:"/quick-start-promotion-workflow"

-title:Environments

url:"/environments"

pages:

-title:AboutEnvironments

-title:Aboutenvironments

url:"/environments-overview"

-title:Create and manageEnvironments

-title:Create and manageenvironments

url:"/create-manage-environments"

-title:Manage Products and applications inEnvironments

-title:Manage Products and applications inenvironments

url:"/manage-apps-in-environments"

-title:Products

url:"/products"

pages:

-title:AboutProducts

-title:Aboutproducts

url:"/about-products"

-title:CreateProducts

-title:Createproducts

url:"/create-product"

-title:Configure Product Settings

url:"/configure-product-settings"

url:"/promotion-version-properties"

-title:Selecting Promotion Flows

url:"/promotion-flow-triggers"

-title:TrackingReleases forProducts

-title:Trackingreleases forproducts

url:"/releases-in-products"

title:"GitOps Environments dashboard"

description:"CreateEnvironments to track SDLC for Argo CD applications"

description:"Createenvironments to track SDLC for Argo CD applications"

group:dashboards

toc:true

| --------------| --------------|

|**Filters**| Predefined filters to customize the Environment dashboard view by Product or Application.|

|{::nomarkdown}<imgsrc="../../../images/icons/icon-mark-favorite.png?display=inline-block">{:/}| Star an application to mark it as a favorite and easily locate applications of interest.{::nomarkdown}<br>Select the <imgsrc="../../../images/icons/icon-mark-favorite.png?display=inline-block"> to star as a favorite.<br><br>To filter by favorites, on the filters bar, click <imgsrc="../../../images/icons/icon-fav-starred.png?display=inline-block">. {:/}|

|**Environments**| Organized in color-coded columns to differentiate between non-production environments (gray) and production environments (blue).{::nomarkdown}<ul><li>The column title represents the name of the Environment. Mouse over displays the options available to manage environments. See <ahref="https://codefresh.io/docs/docs/environments/create-manage-environments/">Create and manageEnvironments</a>.</li><li>Quick filter for applications within Environment: The top row displays breakdown of applications by health statuses. Clicking a status filters the applications accordingly.</li><li>Each Environment is populated with the applications in the cluster-namespace pairs mapped to it. <br>An empty environment indicates that there are no applications in the cluster-namespaces mapped to it. <br>**Unassigned Apps** show applications not assigned to any Product.</li></ul>{:/}|

|**Detailed/Compact views** | Switch between views to get information on applications that populate an Environment.{::nomarkdown}<ul><li><b>Compact</b>: Default view presenting a flat list of applications with the version, health, and sync status for each.<br> <img src="../../../images/gitops-environments/app-compact-view-mode.png?display=inline-block" width="60%"></li><li><b>Detailed</b>: Displays a record for each application including assigned Product, commit information, and cluster-namespace deployment details.<br>If not assigned to a Product, the application name is used.<img src="../../../images/gitops-environments/app-detailed-view-mode.png?display=inline-block" width="60%">.</li><li>Application version: Available for Helm-based applications, indicating the specific release in different environments. Clicking the version displays additional information and options.</li></ul>{:/}In both view modes, every Product/application has a context-menu with quick access to promotion options and frequently performed actions, such as Synchronize and Refresh. See [Manage Products and applications in Environments]({{site.baseurl}}/docs/environments/manage-apps-in-environments/). |

|**Environments**| Organized in color-coded columns to differentiate between non-production environments (gray) and production environments (blue).{::nomarkdown}<ul><li>The column title represents the name of the Environment. Mouse over displays the options available to manage environments. See <ahref="https://codefresh.io/docs/docs/environments/create-manage-environments/">Create and manageenvironments</a>.</li><li>Quick filter for applications within Environment: The top row displays breakdown of applications by health statuses. Clicking a status filters the applications accordingly.</li><li>Each Environment is populated with the applications in the cluster-namespace pairs mapped to it. <br>An empty environment indicates that there are no applications in the cluster-namespaces mapped to it. <br>**Unassigned Apps** show applications not assigned to any Product.</li></ul>{:/}|

|**Detailed/Compact views** | Switch between views to get information on applications that populate an Environment.{::nomarkdown}<ul><li><b>Compact</b>: Default view presenting a flat list of applications with the version, health, and sync status for each.<br> <img src="../../../images/gitops-environments/app-compact-view-mode.png?display=inline-block" width="60%"></li><li><b>Detailed</b>: Displays a record for each application including assigned Product, commit information, and cluster-namespace deployment details.<br>If not assigned to a Product, the application name is used.<img src="../../../images/gitops-environments/app-detailed-view-mode.png?display=inline-block" width="60%">.</li><li>Application version: Available for Helm-based applications, indicating the specific release in different environments. Clicking the version displays additional information and options.</li></ul>{:/}In both view modes, every Product/application has a context-menu with quick access to promotion options and frequently performed actions, such as Synchronize and Refresh. See [Manage products and applications in environments]({{site.baseurl}}/docs/environments/manage-apps-in-environments/). |

[Create and manageEnvironments]({{site.baseurl}}/docs/environments/create-manage-environments/)

[ManageProducts and applications inEnvironments]({{site.baseurl}}/docs/environments/manage-apps-in-environments/)

[Create and manageenvironments]({{site.baseurl}}/docs/environments/create-manage-environments/)

[Manageproducts and applications inenvironments]({{site.baseurl}}/docs/environments/manage-apps-in-environments/)

[Home dashboard]({{site.baseurl}}/docs/dashboards/home-dashboard/)

{% if page.collection != site.gitops_collection %}[DORA metrics]({{site.baseurl}}/docs/dashboards/dora-metrics/){% endif %}

For detailed information on creating products and how to work with them, see[About Products]({{site.baseurl}}/docs/products/about-products/) and[Creating products]({{site.baseurl}}/docs/products/create-product/).

Here are some key features of the Products page:

***Collapsed view**: The default view, displays theProduct name alongside theEnvironments with the number of applications in each environment.<br> The options on the right allow you to manage products.

***Expanded view**: The expanded view displays the applications in the product organized by theirEnvironments.

***Collapsed view**: The default view, displays theproduct name alongside theenvironments with the number of applications in each environment.<br> The options on the right allow you to manage products.

***Expanded view**: The expanded view displays the applications in the product organized by theirenvironments.

Mouse over the row with the product to display possible actions:

{::nomarkdown}<ul><li><imgsrc="../../../images/icons/edit.png?display=inline-block"> <b>Edit</b>: Takes you to Product > Settings tab where you can configure . See <ahref="https://codefresh.io/docs/docs/dashboards/gitops-products/#editdelete-product">Edit/deleteProduct</a>.</li><li><imgsrc="../../../images/icons/settings.png?display=inline-block"> <b>ManageApplications</b>: Manually assign unassigned applications to environments in the Products dashboard. See <ahref="https://codefresh.io/docs/docs/products/assign-applications">Manually assign applications toProducts</a>.</li><li><imgsrc="../../../images/icons/trash.png?display=inline-block"> <b>Delete</b>: Remove theProduct from the Products dashboard, unassigning any manually-assigned applications. See <ahref="https://codefresh.io/docs/docs/dashboards/gitops-products/#editdelete-product">Edit/deleteProduct</a>.</li></ul>{:/}

{::nomarkdown}<ul><li><imgsrc="../../../images/icons/edit.png?display=inline-block"> <b>Edit</b>: Takes you totheProduct > Settings tab where you can configure . See <ahref="https://codefresh.io/docs/docs/dashboards/gitops-products/#editdelete-product">Edit/deleteproduct</a>.</li><li><imgsrc="../../../images/icons/settings.png?display=inline-block"> <b>Manageapplications</b>: Manually assign unassigned applications to environments in the Products dashboard. See <ahref="https://codefresh.io/docs/docs/products/assign-applications">Manually assign applications toproducts</a>.</li><li><imgsrc="../../../images/icons/trash.png?display=inline-block"> <b>Delete</b>: Remove theproduct from the Products dashboard, unassigning any manually-assigned applications. See <ahref="https://codefresh.io/docs/docs/dashboards/gitops-products/#editdelete-product">Edit/deleteproduct</a>.</li></ul>{:/}

Clicking a Product name navigates you to the Product Dashboard for the selected product with a detailed view of its applications. It also includes integrated insights into Git and issue-tracking systems and how they relate to deployments.

{% endif %}

[GitOpsEnvironments]({{site.baseurl}}/docs/dashboards/gitops-environments/)

[Environments]({{site.baseurl}}/docs/dashboards/gitops-environments/)

{% if page.collection != site.gitops_collection %}[DORA metrics]({{site.baseurl}}/docs/dashboards/dora-metrics/){% endif %}

[Monitoring applications]({{site.baseurl}}/docs/deployments/gitops/applications-dashboard/)

{% if page.collection != site.gitops_collection %}

[Monitoring Argo CD applications]({{site.baseurl}}/docs/deployments/gitops/monitor-applications/)

[Managing Argo CD applications]({{site.baseurl}}/docs/deployments/gitops/manage-application/)

[Promotions]({{site.baseurl}}/docs/promotions/promotions-overview/)

[ManageProducts and applications inEnvironments]({{site.baseurl}}/docs/environments/manage-apps-in-environments/)

[Manageproducts and applications inenvironments]({{site.baseurl}}/docs/environments/manage-apps-in-environments/)

[Product Dashboard]({{site.baseurl}}/docs/dashboards/gitops-products/)

[Home dashboard]({{site.baseurl}}/docs/dashboards/home-dashboard/)

{% if page.collection != site.gitops_collection %}[DORA metrics]({{site.baseurl}}/docs/dashboards/dora-metrics/){% endif %}

Application creation and deployment is one part of the continuous deployment/delivery process. An equally important part is managing and optimizing deployed applications when needed.

There are two aspects to managing and optimizing Argo CD applications in Codefresh:

* Optimizing deployments throughEnvironments andProducts

* Optimizing deployments throughenvironments andproducts

* Managing individual applications

*[GitOpsEnvironments](#gitops-environments--argo-cd-applications)

TheGitOpsEnvironments dashboard visualizes Argo CD applications within the context of their environments, allowing you to track their journey through the software development lifecycle.

*[Environments](#gitops-environments--argo-cd-applications)

The Environments dashboard visualizes Argo CD applications within the context of their environments, allowing you to track their journey through the software development lifecycle.

*[GitOpsProducts](#gitops-products--argo-cd-applications)

The ProductDashboard displays applications grouped within a Product, with version, Git, and feature-tracking information.

*[Products](#gitops-products--argo-cd-applications)

The Productdashboard displays applications grouped within a Product, with version, Git, and feature-tracking information.

To delete specific resources within an application, see[Delete application resources]({{site.baseurl}}/docs/deployments/gitops/monitor-applications/#delete-application-resources).

To track, optimize, and manage deployments at scale, you need a clear view of applications at every stage of their development and deployment lifecycle. Environments in Codefresh GitOps provide this visibility without requiring complex configuration or maintenance.

On creating an environment by defining one or more cluster-namespace pairs, Codefresh automatically displays the applications deployed to the specified clusters and namespaces.

lightbox="true"

file="/images/gitops-environments/argo-apps-organized-into-envs.png"

url="/images/gitops-environments/argo-apps-organized-into-envs.png"

alt="Argo CD applications organized in GitOpsEnvironments"

caption="Argo CD applications organized in GitOpsEnvironments"

alt="Argo CD applications organized in GitOpsenvironments"

caption="Argo CD applications organized in GitOpsenvironments"

max-width="70%"

%}

For detailed information on how to work with Argo CD applications andEnvironments in Codefresh, see[GitOpsEnvironments]({{site.baseurl}}/docs/dashboards/gitops-environments/).

For detailed information on how to work with Argo CD applications andenvironments in Codefresh, see[GitOpsenvironments]({{site.baseurl}}/docs/dashboards/gitops-environments/).

TheProduct is another entity in Codefresh GitOps enhancing application management at scale. As teams expand and applications and services multiply, keeping track of deployments across various environments can become challenging, if not unmanageable. Products allow you to group applications into cohesive units, simplifying viewing, tracking, and management.

Theproduct is another entity in Codefresh GitOps enhancing application management at scale. As teams expand and applications and services multiply, keeping track of deployments across various environments can become challenging, if not unmanageable. Products allow you to group applications into cohesive units, simplifying viewing, tracking, and management.

WhileEnvironments focus on tracking deployments,Products provide a higher-level view across multiple applications.

Whileenvironments focus on tracking deployments,products provide a higher-level view across multiple applications.

Here's a visualization of Argo CD applications grouped byProducts in the GitOps Products dashboard.

Here's a visualization of Argo CD applications grouped byproducts in the Products dashboard.

{% include

image.html

lightbox="true"

file="/images/gitops-products/apps-grouped-by-product.png"

url="/images/gitops-products/apps-grouped-by-product.png"

alt="Argo CD applications grouped byProducts and organized byEnvironments"

caption="Argo CD applications grouped byProducts and organized byEnvironments"

alt="Argo CD applications grouped byproducts and organized byenvironments"

caption="Argo CD applications grouped byproducts and organized byenvironments"

max-width="70%"

%}