--- title: "Inicializar el proyecto" url: https://docs.catalyst.zoho.com/es/tutorials/hosted-login-app/nodejs/init-project/ description: "Crea una aplicación sencilla Basic o React utilizando las funcionalidades de Catalyst Hosted Authentication que proporciona registro de usuarios, inicio de sesión, restablecimiento de contraseña e implementa el inicio de sesión mediante proveedores de identidad federados populares." last_updated: 2026-08-17T12:16:04Z service: All Services type: tutorial related_links: - name: "Initialize CLI Resources" url: /es/cli/v1/initialize-resources/introduction - name: "Project Directory Structure" url: /es/cli/v1/project-directory-structure/introduction --- # Inicializar el proyecto desde la CLI Ahora puedes comenzar a trabajar en tu proyecto de Catalyst desde la 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 obtener más información sobre esto en la [página de ayuda de la estructura del directorio del proyecto](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 de la CLI](https://docs.catalyst.zoho.com/es/cli/v1/initialize-resources/introduction). Para esta aplicación, inicializaremos una función [Basic I/O](https://docs.catalyst.zoho.com/es/serverless/help/functions/basic-io/), que contendrá la lógica para [Custom User Validation](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/whitelisting/custom-user-validation/introduction/), y una [aplicación web Basic](https://docs.catalyst.zoho.com/es/cli/v1/initialize-resources/initialize-client/#basic-client-applications) como componente del cliente. > **Nota:** Asegúrate de ingresar el nombre del paquete o nombre de clase de la función exactamente como se indica, porque el código de la aplicación contiene el mismo nombre. 1. Crea una carpeta para el proyecto en tu máquina local y navega hasta ella desde la terminal. 2. Inicializa un proyecto ejecutando el siguiente comando desde ese directorio: ```sh catalyst init ``` 3. Navega usando las **teclas de flecha**, selecciona tu portal preferido y presiona la tecla **Enter**. Si no tienes otras organizaciones asociadas a la cuenta, se seleccionará automáticamente la predeterminada. ![catalyst_authorization_portal_multiorg_choice](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authorization_portal_multiorg_choice.webp) > **Nota:** Puedes obtener más información sobre la funcionalidad de portal multi-org de Catalyst en este [documento de ayuda](https://docs.catalyst.zoho.com/es/getting-started/catalyst-projects/#access-the-multi-org-portal). 4. La CLI ahora te pedirá que asocies un proyecto de Catalyst con el directorio. Asócialo con el proyecto que creamos anteriormente desde la consola. Selecciona **Authorization Portal** de la lista y presiona **Enter**. ![catalyst_authentication_hosted_project_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_project_select.webp) 5. Navega usando las teclas de flecha y selecciona **Functions**, **Client** usando la barra espaciadora. Presiona **Enter** para inicializar. ![catalyst_authentication_hosted_func_client_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_func_client_select.webp) 6. La CLI iniciará la configuración de la función. Selecciona **Basic IO** como el tipo de función para tu función de *Custom User Validation*. ![catalyst_authentication_hosted_func_type_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_func_type_select.webp) 7. Selecciona el runtime más reciente de *Node.js* como el stack de la función. ![catalyst_authentication_hosted_func_runtime_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_func_runtime_select.webp) 8. Ingresa "`authorized_portal_function`" como nombre del paquete, "`index.js`" como punto de entrada, y tu dirección de correo electrónico como autor, luego presiona **Enter**. Alternativamente, puedes presionar **Enter** sin ingresar valores para completar con los valores predeterminados. La CLI solicitará la inicialización de las dependencias de Node. Presiona **Y** para confirmar la instalación y presiona **Enter** para confirmar tu elección. Se instalarán los módulos de Node. ![catalyst_authentication_hosted_func_setup_complete](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_func_setup_complete.webp) La CLI ahora iniciará la configuración del cliente. **Aplicación web básica** 9. Selecciona **Basic web app** y presiona **Enter** para inicializar tu cliente como una [aplicación web básica](https://docs.catalyst.zoho.com/es/cli/v1/initialize-resources/initialize-client/#basic-client-applications). ![catalyst_authentication_hosted_client_type_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_type_select.webp) 10. Ingresa un nombre para tu paquete de cliente y presiona **Enter**. Para los fines de este tutorial, estamos nombrando nuestro paquete de cliente "`ZylkerTechnologies`". Puedes usar el mismo o proporcionar un nombre de tu preferencia. ![catalyst_authentication_hosted_client_choice_complete](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_choice_complete.webp) La inicialización de Catalyst ha finalizado. El directorio del proyecto ahora está configurado con el directorio del cliente y el directorio de funciones junto con los archivos de configuración y dependencias. El directorio del proyecto también contiene el archivo de configuración [`catalyst.json`](https://docs.catalyst.zoho.com/es/cli/v1/project-directory-structure/catalyst-json/) y un archivo oculto `.catalystrc`. La estructura del directorio de tu proyecto debería verse como se muestra a continuación: ![catalyst_hosted_login_directory](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_hosted_login_directory.webp) **Aplicación web React** 9. Selecciona **React web app** y presiona **Enter** para inicializar tu cliente como una [aplicación web React](https://docs.catalyst.zoho.com/es/cli/v1/initialize-resources/initialize-client/#react-applications). ![catalyst_authentication_hosted_client_react_type_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_react_type_select.webp) 10. Selecciona **JavaScript** como el tipo de aplicación React y presiona **Enter**. ![catalyst_authentication_hosted_client_react_type_javascript_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_react_type_javascript_select.webp) 11. Ingresa "`zylkertechnologies`" como nombre de tu paquete de cliente y haz clic en **Enter**. También puedes proporcionar cualquier nombre de tu preferencia. Todos los paquetes de React necesarios, como "`react`", "`react-dom`" y "`react-scripts`", se instalarán a través del plugin de Catalyst para React ([`zcatalyst-cli-plugin-react`](https://www.npmjs.com/package/zcatalyst-cli-plugin-react)). ![catalyst_authentication_hosted_client_react_type_initing](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_react_type_initing.webp) El cliente ahora se ha inicializado correctamente como una aplicación web React. ![catalyst_authentication_hosted_client_react_type_init_complete](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_react_type_init_complete.webp) El [directorio del cliente](https://docs.catalyst.zoho.com/es/cli/v1/project-directory-structure/client-directory) se creará con la estructura estándar en el directorio del proyecto. Esta es la estructura del directorio del proyecto *Authorization Portal* si el cliente se inicializa como una aplicación React. ![catalyst_hosted_login_react_directory](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_hosted_login_react_directory.webp) La inicialización de Catalyst ha finalizado. **Aplicación web Angular** 9. Selecciona **Angular web app** y presiona **Enter** para inicializar tu cliente como una [aplicación web Angular](https://docs.catalyst.zoho.com/es/cli/v1/initialize-resources/initialize-client/#angular-applications). ![catalyst_authentication_hosted_client_angular_type_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_angular_type_select.webp) 10. Nombra tu aplicación Angular "`ZylkerTechnologies`" y presiona la tecla **Enter**. Dado que esta aplicación no requiere Angular Routing, ingresa "`N`" en el prompt. Finalmente, elige `CSS` como formato de hoja de estilos y presiona la tecla **Enter**. ![catalyst_authentication_hosted_client_angular_type_init](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_angular_type_init.webp) Catalyst inicializará el cliente usando el **plugin de Catalyst para Angular** ([`zcatalyst-cli-plugin-angular`](https://npm.io/package/zcatalyst-cli-plugin-angular)). ![catalyst_authentication_hosted_client_angular_type_init_complete](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_angular_type_init_complete.webp) El cliente ahora se ha inicializado correctamente como una aplicación web Angular. El directorio del proyecto ahora está configurado con el directorio del cliente y el directorio de funciones junto con los archivos de configuración y dependencias. El directorio del proyecto también contiene el archivo de configuración [`catalyst.json`](https://docs.catalyst.zoho.com/es/cli/v1/project-directory-structure/catalyst-json/) y un archivo oculto `.catalystrc`. La estructura del directorio de tu proyecto debería verse como se muestra a continuación: ![catalyst_authentication_hosted_node_client_angular_type_first_directory](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_node_client_angular_type_first_directory.webp)