May 21, 2024 · Apr 11, 2024 · Apr 14, 2024 · Apr 15, 2024 · Apr 15, 2024 · Apr 15, 2024
diff --git a/_data/nav.yml b/_data/nav.yml
          url: "/create-app-specs"
        - title: Update the image tag for application
          url: "/create-rollout"
        - title: Work with Environments & Products
          url: "/gitops-products"

 - title: Dashboards & insights
  url: "/dashboards"
diff --git a/_docs/dashboards/gitops-environments.md b/_docs/dashboards/gitops-environments.md
 %}

 {:start="3"}
 1. Click **Add**. Theenvironment is displayed in the GitOps Environments dashboard.
 1. Click **Add**. TheEnvironment is displayed in the Environments dashboard.



diff --git a/_docs/quick-start/gitops-quick-start.md b/_docs/quick-start/gitops-quick-start.md
  Update the image for the `codefresh-guestbook` application to trigger a rollout.


 ## Streamline deployments with Environments and Products
 1. [Create an Environment]({{site.baseurl}}/docs/quick-start/gitops-quick-start/gitops-products/#create-an-environment)
  Create a `dev` Environment and map clusters and namespaces.
 1. [Create and work with Products]({{site.baseurl}}/docs/quick-start/gitops-quick-start/gitops-products/#create--work-with-products)
  Add a Product `demo-trioapp`, assign interrelated Argo CD applications to it.
diff --git a/_docs/quick-start/gitops-quick-start/create-rollout.md b/_docs/quick-start/gitops-quick-start/create-rollout.md

 You have now created and deployed an Argo CD application in Codefresh.

 ### What to do next
 Continue with:
 [Work with Environments & Products]({{site.baseurl}}/docs/getting-started/quick-start/gitops-products)



diff --git a/_docs/quick-start/gitops-quick-start/gitops-products.md b/_docs/quick-start/gitops-quick-start/gitops-products.md
diff --git a/_docs/quick-start/promotions/create-product.md b/_docs/quick-start/promotions/create-product.md



 You are all fmailiar with Argo CD applications!
 If you are a developer that;s what you develop and then deploy


 We are now going to introduce you to the concept of Products in GitOps.

 Let's go back to Argo CD applications in Codefresh.

 What would you want to create Products?

 Explore the power of GitOps Products for Argo CD applications.

 A Product unifies individual Argo CD applications that share a common element between them. Consider your payment applications organized by Environments that correspond to the regions they are deployed in. With Products, Codefresh allows you to group and track them as a cohesive entity as they move through different Environments.

 We'll start by creating a Product, view and explore how it is displayed in the GitOps Products dashboard.
 We'll then connect

 ## View appplications

 In the GitOps Apps dashboard, identify the applications you want to group as a Product.
 In the example below you can see that there are four versions of the trio application, one for each environment.
 These are essentially the same application, using more or less the same microservices with similar dependencies.
 We want to track and monitor this set of applications as the same product.

 SCREENSHOT OF

 ## Create a Product
 Once you identify or have an idea of the applications you want to group as a Product, let's create the Product.
 The Product requires a unique name, optionally an annotation using which you can connect different Argo CD applications to it.

 1. In the Codefresh UI, from the Ops in the sidebar, select **Products**.
 1. Click **Add Product**.
 1. Define the following:
    1. **Name**: A unique name for the Product, `trio-apps` for the quick start.
    1. **Connect Applications**: The annotation to associate with this Product, and to use to connect different applications to it. For the quick start, we'll use the default annotation automatically created, c`odefresh.io/product: trio-apps`. Copy the annotatopn to the cli[pboard]
    1. **Tags**: For the quick start, leave empty.

 REPLACE WITH SCREENSHOT WITH FILLED IN FIELDS AS ABOVE
 {% include
 image.html
 lightbox="true"
 file="/images/gitops-products/create-product.png"
 url="/images/gitops-products/create-product.png"
 alt="Add Product"
 caption="Add Product"
  max-width="60%"
 %}

 {:start="4"}
 1. Click **Add**. The Product is displayed in the Products dashboard.

 ## Explore the GitOps Products dashboard
 You'll see the Product we added, trio-apps in the Products dashboard.
 There are filters to focus on those proc


 ## Connect applications to the trio-apps products
 The next step is


 Simply creating the Product is not usefule. You must connect any application to the Product for it to be included as and treated it as part of the product.

 There are two ways to connect applications to Products.

 1. Declarativley: By adding the Product's annotation to the application
 1. UI: By assigning an application to the Product

 ## Add product annotation to the application manifest

 1. In the Products dashboard, if needed, mouse over the row with the trio-apps product, and click ??Edit.
 1. Copy the default annotation.
 1.
diff --git a/images/quick-start/environments-products/environment-add.png b/images/quick-start/environments-products/environment-add.png
diff --git a/images/quick-start/environments-products/product-features-info.png b/images/quick-start/environments-products/product-features-info.png
diff --git a/images/quick-start/environments-products/product-git-info.png b/images/quick-start/environments-products/product-git-info.png
diff --git a/images/quick-start/environments-products/products-add-annotation-manifest.png b/images/quick-start/environments-products/products-add-annotation-manifest.png
diff --git a/images/quick-start/environments-products/products-app-version-compare.png b/images/quick-start/environments-products/products-app-version-compare.png
diff --git a/images/quick-start/environments-products/products-app-version-number.png b/images/quick-start/environments-products/products-app-version-number.png
diff --git a/images/quick-start/environments-products/products-copy-annotation.png b/images/quick-start/environments-products/products-copy-annotation.png
diff --git a/images/quick-start/environments-products/products-create.png b/images/quick-start/environments-products/products-create.png
diff --git a/images/quick-start/environments-products/products-dashboard-apps.png b/images/quick-start/environments-products/products-dashboard-apps.png
diff --git a/images/quick-start/environments-products/products-gitops-apps.png b/images/quick-start/environments-products/products-gitops-apps.png
diff --git a/images/quick-start/environments-products/products-manually-assign-apps.png b/images/quick-start/environments-products/products-manually-assign-apps.png
diff --git a/images/quick-start/environments-products/products-manually-assigned-app.png b/images/quick-start/environments-products/products-manually-assigned-app.png
diff --git a/images/quick-start/environments-products/products-no-apps-assigned.png b/images/quick-start/environments-products/products-no-apps-assigned.png
diff --git a/images/quick-start/environments-products/products-unassigned-apps.png b/images/quick-start/environments-products/products-unassigned-apps.png
Original file line number	Diff line number	Diff line change
Expand Up		@@ -45,6 +45,8 @@
		url: "/create-app-specs"
		- title: Update the image tag for application
		url: "/create-rollout"
		- title: Work with Environments & Products
		url: "/gitops-products"

		- title: Dashboards & insights
		url: "/dashboards"
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -112,7 +112,7 @@ Define the configuration of the Environment through a unique name, it's intended
		%}

		{:start="3"}
		1. Click Add. Theenvironment is displayed in the GitOps Environments dashboard.
		1. Click Add. TheEnvironment is displayed in the Environments dashboard.



Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -46,3 +46,8 @@ Hybrid GitOps Runtimes are hosted on a customer cluster and managed by the custo
		Update the image for the `codefresh-guestbook` application to trigger a rollout.


		## Streamline deployments with Environments and Products
		1. [Create an Environment]({{site.baseurl}}/docs/quick-start/gitops-quick-start/gitops-products/#create-an-environment)
		Create a `dev` Environment and map clusters and namespaces.
		1. [Create and work with Products]({{site.baseurl}}/docs/quick-start/gitops-quick-start/gitops-products/#create--work-with-products)
		Add a Product `demo-trioapp`, assign interrelated Argo CD applications to it.
Original file line number	Diff line number	Diff line change
Expand Up		@@ -74,4 +74,9 @@ When the image tag is updated, the auto-sync initiates the rollout.

		You have now created and deployed an Argo CD application in Codefresh.

		### What to do next
		Continue with:
		[Work with Environments & Products]({{site.baseurl}}/docs/getting-started/quick-start/gitops-products)
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,75 @@



		You are all fmailiar with Argo CD applications!
NimRegev marked this conversation as resolved. Show resolvedHide resolved
		If you are a developer that;s what you develop and then deploy
Copy link Contributor lrochetteApr 18, 2024 Choose a reason for hiding this comment The reason will be displayed to describe this comment to others.Learn more. that's not that;s Copy link Contributor lrochetteApr 18, 2024 Choose a reason for hiding this comment The reason will be displayed to describe this comment to others.Learn more. Add a "." at end of sentence


		We are now going to introduce you to the concept of Products in GitOps.

		Let's go back to Argo CD applications in Codefresh.

		What would you want to create Products?
NimRegev marked this conversation as resolved. Show resolvedHide resolved

		Explore the power of GitOps Products for Argo CD applications.

		A Product unifies individual Argo CD applications that share a common element between them. Consider your payment applications organized by Environments that correspond to the regions they are deployed in. With Products, Codefresh allows you to group and track them as a cohesive entity as they move through different Environments.

		We'll start by creating a Product, view and explore how it is displayed in the GitOps Products dashboard.
		We'll then connect

		## View appplications

		In the GitOps Apps dashboard, identify the applications you want to group as a Product.
		In the example below you can see that there are four versions of the trio application, one for each environment.
		These are essentially the same application, using more or less the same microservices with similar dependencies.
		We want to track and monitor this set of applications as the same product.

		SCREENSHOT OF

		## Create a Product
		Once you identify or have an idea of the applications you want to group as a Product, let's create the Product.
		The Product requires a unique name, optionally an annotation using which you can connect different Argo CD applications to it.

		1. In the Codefresh UI, from the Ops in the sidebar, select Products.
		1. Click Add Product.
		1. Define the following:
		1. Name: A unique name for the Product, `trio-apps` for the quick start.
		1. Connect Applications: The annotation to associate with this Product, and to use to connect different applications to it. For the quick start, we'll use the default annotation automatically created, c`odefresh.io/product: trio-apps`. Copy the annotatopn to the cli[pboard]
NimRegev marked this conversation as resolved. Show resolvedHide resolved
		1. Tags: For the quick start, leave empty.

		REPLACE WITH SCREENSHOT WITH FILLED IN FIELDS AS ABOVE
		{% include
		image.html
		lightbox="true"
		file="/images/gitops-products/create-product.png"
		url="/images/gitops-products/create-product.png"
		alt="Add Product"
		caption="Add Product"
		max-width="60%"
		%}

		{:start="4"}
		1. Click Add. The Product is displayed in the Products dashboard.

		## Explore the GitOps Products dashboard
		You'll see the Product we added, trio-apps in the Products dashboard.
		There are filters to focus on those proc


		## Connect applications to the trio-apps products
		The next step is


		Simply creating the Product is not usefule. You must connect any application to the Product for it to be included as and treated it as part of the product.
Copy link Contributor lrochetteApr 18, 2024 Choose a reason for hiding this comment The reason will be displayed to describe this comment to others.Learn more. useful (no 'e'_) for it to be includedas and treated as part of the product

		There are two ways to connect applications to Products.

		1. Declarativley: By adding the Product's annotation to the application
		1. UI: By assigning an application to the Product

		## Add product annotation to the application manifest

		1. In the Products dashboard, if needed, mouse over the row with the trio-apps product, and click ??Edit.
NimRegev marked this conversation as resolved. Show resolvedHide resolved
		1. Copy the default annotation.
		1.