---
title: "Create a Cache segment"
url: https://docs.catalyst.zoho.com/en/tutorials/catly/nodejs/create-cache/
description: "Create a URL shortener service, Cat.ly, as a single-page React application built using Catalyst's React plugin and various Catalyst components."
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "Cache"
    url: /en/cloud-scale/help/cache/introduction
---

# Create a Cache Segment

Let's now create a [cache segment](https://docs.catalyst.zoho.com/en/cloud-scale/help/cache/introduction) in the **Catly** project. The cache segment is used to store the original URL and its short ID for easier access.

To create a cache segment, please follow the below-listed steps:

1. Navigate to the **Cache** component under **Storage** and click **Create Segment** in the **Segments** page.
![create-segment](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/create-segment.webp) 

2. Enter the Segment Name as "**shortUrl**" in the pop-up window and click **Create**
![enter-segment-name](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/enter-segment-name.webp) 

> **Note**: Ensure that you enter the name exactly as instructed, because the application's code that you will download from the GitHub repository contains the same name.

The segment is created and listed in the **Segments** page.

![segments-page](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/segments-page.webp)

When a URL is shortened by the user, the original URL and its short ID are automatically populated as a cache item in the form of a key-value pair. The short ID is the key, and the value contains a string of details like the original URL, short ID, and the table details.

You can learn more about cache segments from [this help page](https://docs.catalyst.zoho.com/en/cloud-scale/help/cache/key-concepts/).