---
title: "Inicializar el proyecto"
url: https://docs.catalyst.zoho.com/es/tutorials/catly/nodejs/initialize-project/
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: "Initialize Resources"
    url: /es/cli/v1/initialize-resources/introduction/
  - name: "Project Directory Structure"
    url: /es/cli/v1/project-directory-structure/introduction/
---

# Inicializar el proyecto desde el CLI

Ahora puedes comenzar a trabajar en tu proyecto de Catalyst desde el CLI. El primer paso es inicializar el proyecto en un directorio vacío. Este será el directorio principal de tu proyecto y todos los archivos del proyecto se guardarán en él.

Puedes aprender más sobre la estructura de directorios del proyecto en [esta página de ayuda](https://docs.catalyst.zoho.com/es/cli/v1/project-directory-structure/introduction). Puedes aprender sobre la inicialización de un proyecto en detalle en la [documentación de ayuda del CLI](https://docs.catalyst.zoho.com/es/cli/v1/initialize-resources/introduction).

En este tutorial inicializaremos el proyecto seguido de los componentes de función y cliente:

1. Crea una carpeta para el proyecto en tu máquina local y navega a ella desde la terminal. Inicializa un proyecto ejecutando el siguiente comando desde ese directorio:

```sh
catalyst init
```

2. El CLI ahora te pedirá que selecciones la organización en la que se encuentra tu proyecto de Catalyst que creamos anteriormente en la consola. Selecciona la organización y presiona **Enter**.
![select-portal](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/select-portal.webp) 

3. Selecciona el proyecto en la organización de la lista y presiona **Enter**.
![select-project](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/select-project.webp)

4. Selecciona **Functions** y **Client** usando la barra espaciadora. Presiona **Enter** para inicializar los componentes.
![select-components](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/select-components.webp)

5. El CLI primero iniciará la configuración de la función. Selecciona AdvancedIO como el tipo de función.
![advanced-io](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/advanced-io.webp)

6. Selecciona el runtime más reciente de **Node.js** como el stack de la función.
![select-node](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/select-node.webp)

7. Ingresa **"catly"** como el nombre del paquete, **"index.js"** como el punto de entrada, y tu dirección de correo electrónico como el autor y presiona **Enter**. Alternativamente, puedes presionar Enter sin ingresar datos para completar con los valores predeterminados. El CLI te pedirá que confirmes la inicialización de las dependencias de Node. Presiona **Y** para confirmar la instalación, y presiona **Enter** para confirmar tu elección. Los módulos de Node se instalarán.
![function-setup](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/function-setup.webp)

8. El CLI ahora inicializará la configuración del cliente. Elige **"React web app"**, lo que inicializará el cliente como una aplicación React usando el plugin React de Catalyst (`zcatalyst-cli-plugin-react`).
![select-react](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/select-react.webp)

9. Elige **"TypeScript"** como el tipo de aplicación React.
![select-typescript](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/select-typescript.webp)

10. Proporciona el nombre de tu aplicación React como **"app"** y presiona **Enter**.
La inicialización del proyecto junto con los componentes de función y cliente está ahora completa y se creará un archivo [`catalyst.json`](https://docs.catalyst.zoho.com/es/cli/v1/project-directory-structure/catalyst-json) y un archivo oculto `.catalystrc` que contiene los detalles de tu proyecto en el directorio de tu proyecto.
![init-complete](https://catalyst-docs-development.zohostratus.in/images/tutorials/react/init-complete.webp)