---
title: "Configure Stratus"
url: https://docs.catalyst.zoho.com/en/tutorials/photo-store-app/nodejs/configure-stratus/
description: "Build a React gallery app to upload images to a bucket in Stratus, and shre these images with other registered users. Host the app on AppSail and sync with GitHub and deploy the app usiong Pipelines."
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "Catalyst Stratus"
    url: /en/cloud-scale/help/stratus/introduction/
  - name: "Bucket URL"
    url: /en/cloud-scale/help/stratus/buckets/create-bucket/#bucket-url
  - name: "Object URL"
    url: /en/cloud-scale/help/stratus/objects/introduction/#object-url
  - name: "Ideal Practices to Name a Bucket "
    url: /en/cloud-scale/help/stratus/buckets/name-bucket/#ideal-practices-to-name-a-bucket
  - name: "Stratus Node.js SDK"
    url: /en/sdk/nodejs/v2/cloud-scale/stratus/overview/
  - name: "Stratus REST API"
    url: /en/api/code-reference/cloud-scale/stratus/get-all-buckets/#GetAllBuckets
---

# Configure Stratus

The **Stratus** component is going to act as our storage solution. We are going to store all the images that are going to be uploaded from your client in a [Bucket](https://docs.catalyst.zoho.com/en/cloud-scale/help/stratus/buckets/name-bucket/) in [Stratus](https://docs.catalyst.zoho.com/en/cloud-scale/help/stratus/introduction/). This will ensure the images are referred to and rendered in the client as seamlessly and quickly as possible without any loss in quality.

To configure Stratus:

1. Navigate to the **Stratus** component present in the *Storage* section of the *CloudScale* console.
    ![catalyst_tutorials_photostore_stratus_start](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_start.webp)

2. Provide a unique name for your bucket, select **Public** as the permission template, and click **Create**.
    ![catalyst_tutorials_photostore_stratus_bucket_create](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_bucket_create.webp)

> **Info:** [Learn more about the bucket naming protocols](https://docs.catalyst.zoho.com/en/cloud-scale/help/stratus/buckets/name-bucket/#ideal-practices-to-name-a-bucket).

The bucket will be created, and Catalyst will have generated a secure [Bucket URL](https://docs.catalyst.zoho.com/en/cloud-scale/help/stratus/buckets/create-bucket/#bucket-url) to refer to the bucket when required.
![catalyst_tutorials_photostore_stratus_bucket_url_done](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_bucket_url_done.webp)

3. Next, we are going to edit the permission template to ensure you can upload, download, and edit the images uploaded to the bucket in Stratus. Navigate to the **Bucket Permissions** tab and click **Edit Permissions**.
    ![catalyst_tutorials_photostore_stratus_bucket_permissions_pre_edit](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_bucket_permissions_pre_edit.webp)

> **Info:** [Learn more about the syntax to define permissions](https://docs.catalyst.zoho.com/en/cloud-scale/help/stratus/stratus-permissions/). 

**Make sure to go through this document and the examples illustrated within to ensure you employ the right permissions for the bucket correctly**.

4. Copy the JSON snippet below and replace it in place of the default permission defined in the console and click **Update**.

**Bucket Permission.json**

```json
{
    "rules": [
        {
            "rule_id": "PublicBucket",
            "condition": {
                "user": {
                    "auth_type": "public"
                }
            },
            "allowed_actions": [
                "PutObject",
                "DeleteObject",
                "GetObject"
            ],
            "paths": [
                "YOUR_BUCKET_NAME::/photos/*"
            ],
            "effect": "allow"
        }
    ],
    "version": "v1"
}

```

![catalyst_tutorials_photostore_stratus_bucket_permissions_edit_permission](https://catalyst-docs-development.zohostratus.in/images/tutorials/photo-store/catalyst_tutorials_photostore_stratus_bucket_permissions_edit_permission.webp)

> **Notes:**

* Ensure you provide your bucket name in line `16`.

* The `Photos` path will be automatically created when you upload an image through the client.

The Stratus component has been configured for your application.