--- title: "Create a table" url: https://docs.catalyst.zoho.com/en/tutorials/catly/nodejs/create-table/ 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-11-03T07:48:52Z service: All Services type: tutorial related_links: - name: "Data Store" url: /en/cloud-scale/help/data-store/introduction --- # Create a Table in the Data Store We will create a table in the Catly project’s Data Store to hold the original URLs submitted by users, along with the corresponding short IDs generated by the application. This table is queried only when the required data isn’t found in the cache. To create a table, please make sure to follow the below steps: 1. Navigate to the **Catalyst CloudScale** service and click **Start Exploring**. ![cloudscale](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/cloudscale.webp) 2. Select **Data Store** component under **Storage** and click **Create a new Table**. ![create-new-table](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/create-new-table.webp) 3. Enter the table's name as "**UrlShorten**" and click **Create**. ![table-name](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/table-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 table is now created as shown in the screenshot below. ![created-table](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/created-table.webp) ### Create Columns for the Table Let's now create two columns in the table for the original URL and its short ID. > **Note**: Ensure that you enter the name exactly as instructed. 1. Click **New Column** in the *Schema View* section for the table. ![create-new-column](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/create-new-column.webp) 2. Enter the column's name as "**originalUrl**". Select the data type as **Var Char** and enter the max length as "100". Enable the *Is Unique* and *Is Mandatory* toggle switches and click **Create**. ![url-column](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/url-column.webp) You can learn about the various data types supported by Catalyst and the other properties of a column from the [Data Store help page](https://docs.catalyst.zoho.com/en/cloud-scale/help/data-store/introduction). Similarly, create the second column named **"urlCode"**. Select the data type as **Var Char** and enter the max length as **"100"**. Enable the **Is Unique** and **Is Mandatory** toggle switches. Both the columns will be displayed in the **Schema View** section as shown in the screenshot below. ![created-column](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/created-column.webp) The data is automatically populated in this table each time the user shortens a URL. You can view the records from the **Data View** section after you shorten a URL.