title:"Products dashboard"

description:"CreateProductsto groupandmanage interrelated Argo CD applications environments"

description:"Explore theProductspage for insightsandmanagement options"

group:dashboards

toc:true

Explore the power ofProducts for Argo CD applications in Codefresh GitOps.

Explore the power ofproducts for Argo CD applications in Codefresh GitOps.

Managing complex applications across multiple environments is a common challenge faced by developers and platform engineers. The diverse nature of applications and the variety of environments they deploy to can lead to fragmented management and deployment processes.

In Codefresh GitOps, Products serve as a strategic layer that bridges this gap. Products group different yet interconnected applications based on their similarities and dependencies.

{% include

image.html

lightbox="true"

file="/images/gitops-products/expanded-view.png"

url="/images/gitops-products/expanded-view.png"

alt="GitOps Products (expanded view)"

caption="GitOps Products (expanded view)"

max-width="70%"

%}

In Codefresh GitOps, products serve as a strategic layer that bridges this gap. Products group different yet interconnected applications based on their similarities and dependencies.

{% include

image.html

lightbox="true"

file="/images/gitops-products/products-dashboard-view.png"

url="/images/gitops-products/products-dashboard-view.png"

alt="Products dashboard"

caption="Products dashboard"

max-width="60%"

%}

Read more on the first of their kind dashboards for GitOps Environments and Products in this[blog](https://codefresh.io/blog/introducing-the-worlds-first-dashboard-for-gitops-environments/){:target="\_blank"}.

This article focuses on theProduct Dashboardand theinsightsyoucan gain from it.

This article focuses on thetwo product dashboards: the**Products dashboard**, which lists all products,and the**Product Dashboard**, available whenyoudrill down into a specific product.

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/).

{% include

image.html

lightbox="true"

file="/images/gitops-products/expanded-view.png"

url="/images/gitops-products/expanded-view.png"

alt="GitOps Products (expanded view)"

caption="GitOps Products (expanded view)"

max-width="60%"

%}

The Products dashboard lists all the products created for the account and key information on their releases.

{% include

image.html

lightbox="true"

file="/images/gitops-products/products-page.png"

url="/images/gitops-products/products-page.png"

alt="Products page with product and release information"

caption="Products page with product and release information"

max-width="60%"

%}

Here are some key features of the Products page:

***Collapsed view**: The default view, displays the product name alongside the environments 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 their environments.

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

View information on the latest release at a glance: release activity and manage your products more efficiently.

***Latest Release**, date and time

***User** who initiated the latest release

***Status** of the latest release

***Direct link** to the release view

***Product name**: Click to go to the Product dashboard for the selected product.

* {::nomarkdown}<imgsrc="../../../images/icons/settings-outlined.png?display=inline-block"> <b>Product Settings</b>: Takes you to the Product > Settings tab where you assign applications, configure promotion settings. See <ahref="https://codefresh.io/docs/docs/products/configure-product-settings/">Configure product settings</a>.{:/}

* {::nomarkdown}<imgsrc="../../../images/icons/list.png?display=inline-block"> <b>Releases</b>: Takes you to the Product > Releases tab with the list of releases for the product. See <ahref="https://codefresh.io/docs/docs/products/releases-in-products/">Releases for products</a>.{:/}

* {::nomarkdown}<imgsrc="../../../images/icons/trash.png?display=inline-block"> <b>Delete</b>: Removes the product from the Products dashboard, unassigning any manually-assigned applications.{:/}

Clicking aProduct 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.

Clicking aproduct 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.

title:"Releases for products"

description:"Monitor promotions for products"

description:"Monitor promotions for products through releases"

group:products

toc:true