--- title: "Crear una tabla" url: https://docs.catalyst.zoho.com/es/tutorials/catly/nodejs/create-table/ description: "Crea un servicio acortador de URLs, Cat.ly, como una aplicación React de página única construida con el plugin React de Catalyst y varios componentes." last_updated: 2026-11-04T10:10:44Z service: All Services type: tutorial related_links: - name: "Data Store" url: /es/cloud-scale/help/data-store/introduction --- # Crear una tabla en el Data Store Crearemos una tabla en el Data Store del proyecto Catly para almacenar las URLs originales enviadas por los usuarios, junto con los IDs cortos correspondientes generados por la aplicación. Esta tabla se consulta solo cuando los datos requeridos no se encuentran en el cache. Para crear una tabla, asegúrate de seguir los pasos a continuación: 1. Navega al servicio **Catalyst CloudScale** y haz clic en **Start Exploring**. ![cloudscale](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/cloudscale.webp) 2. Selecciona el componente **Data Store** bajo **Storage** y haz clic en **Create a new Table**. ![create-new-table](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/create-new-table.webp) 3. Ingresa el nombre de la tabla como "**UrlShorten**" y haz clic en **Create**. ![table-name](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/table-name.webp) > **Nota**: Asegúrate de ingresar el nombre exactamente como se indica, porque el código de la aplicación que descargarás del repositorio de GitHub contiene el mismo nombre. La tabla se ha creado como se muestra en la captura de pantalla a continuación. ![created-table](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/created-table.webp) ### Crear columnas para la tabla Ahora crearemos dos columnas en la tabla para la URL original y su ID corto. > **Nota**: Asegúrate de ingresar el nombre exactamente como se indica. 1. Haz clic en **New Column** en la sección *Schema View* de la tabla. ![create-new-column](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/create-new-column.webp) 2. Ingresa el nombre de la columna como "**originalUrl**". Selecciona el tipo de dato como **Var Char** e ingresa la longitud máxima como "100". Habilita los interruptores *Is Unique* e *Is Mandatory* y haz clic en **Create**. ![url-column](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/url-column.webp) Puedes aprender sobre los diversos tipos de datos soportados por Catalyst y las otras propiedades de una columna en la [página de ayuda del Data Store](https://docs.catalyst.zoho.com/es/cloud-scale/help/data-store/introduction). De manera similar, crea la segunda columna llamada **"urlCode"**. Selecciona el tipo de dato como **Var Char** e ingresa la longitud máxima como **"100"**. Habilita los interruptores **Is Unique** e **Is Mandatory**. Ambas columnas se mostrarán en la sección **Schema View** como se muestra en la captura de pantalla a continuación. ![created-column](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/created-column.webp) Los datos se llenan automáticamente en esta tabla cada vez que el usuario acorta una URL. Puedes ver los registros desde la sección **Data View** después de acortar una URL.