---
title: "Directorio del Client"
url: https://docs.catalyst.zoho.com/es/cli/v1/project-directory-structure/client-directory/
description: "La estructura del directorio del proyecto se refiere a la estructura de directorio predeterminada en la que se crea un proyecto de Catalyst cuando lo inicializas desde el CLI."
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: general
---

# Directorio del Client

La carpeta `client` en el directorio del proyecto contiene todos los componentes del front-end de tu aplicación. Estos incluyen los archivos HTML de las páginas web, los archivos CSS, los archivos JavaScript que habilitan los elementos accionables en tu página web y otros archivos requeridos.

### Archivos del Directorio del Client

Por defecto, la carpeta del Client se configura con los siguientes archivos:

![Project Directory Structure- Client Directory](https://catalyst-docs-development.zohostratus.in/images/cli/project-directory-structure/catalyst_proj_dir_client_dir.webp)

`index.html`: 

El archivo `index.html` es el nombre de archivo predeterminado para la página de inicio de tu aplicación web. Se crea con una estructura de código de ejemplo.

`main.css`:

El archivo `main.css` contiene los estilos de las páginas de tu aplicación web. Se crea como un archivo vacío.

`main.js`:

El archivo `main.js` define la funcionalidad de la página de inicio de la aplicación web. Se crea como un archivo vacío.

### Archivo client-package json

El `client-package.json` es el archivo de configuración de tu recurso Client. Contiene las siguientes especificaciones de tu aplicación por defecto:

```json
{
"name":"shipmentTracking",
"version":"0.0.2",
"homepage":"index.html",
"login_redirect":"home.html",
"404":"custom404.html"
}

```

* `name:` El nombre del web Client. Una vez que establezcas un nombre y alojes la aplicación, no debes cambiarlo. Cambiar el nombre de la aplicación web después de haberla alojado resultará en un error.
* `version:` La versión de la aplicación web que se aloja, en formato decimal. Con cada actualización posterior de tu aplicación, puedes modificar el número de versión de manera incremental. No puedes decrementar el número de versión.
* `homepage:` La URL de la página de inicio de la aplicación web. Si modificas el nombre del archivo index.html, debes cambiar el valor correspondiente en este archivo también.

Aparte de estas especificaciones obligatorias, también puedes incluir estas propiedades:

* `description:` La descripción de la aplicación web. Esta se puede modificar durante las actualizaciones de versión.
* `login\_redirect:` La página a la que el usuario debe ser redirigido después de un inicio de sesión exitoso en la aplicación web.
* `404:` Una página 404 personalizada que puedes crear para tu aplicación. Cada vez que los usuarios de tu aplicación intenten acceder a una página inexistente que resulte en un error 404, serán redirigidos a esta página personalizada.

> **Nota:**

* Si proporcionas una ruta a una página 404 personalizada usando la clave `404`, puedes nombrar ese archivo como desees. Si no configuras una clave `404` en el archivo `client-package.json`, aún puedes incluir una página con el nombre exacto `404.html` en el directorio.

* Catalyst buscará la clave `404` en el archivo `clientpackage.json`. Si existe, Catalyst renderizará ese archivo en caso de que ocurra un error 404 en la aplicación. Si no se proporciona una ruta para una página 404 personalizada en tu aplicación, Catalyst buscará cualquier archivo llamado _404.html_ en el directorio del Client. Si ninguno existe, los usuarios serán redirigidos a una página 404 predeterminada proporcionada por Catalyst.

Puedes agregar más archivos del Client de tu aplicación web y crear subcarpetas dentro de la carpeta del Client según lo necesites. Sin embargo, el archivo `client-package.json` debe estar presente obligatoriamente solo en la raíz de tu recurso Client y no en ninguna subcarpeta.

> **Nota:**

* Una página de inicio para tu aplicación web y el archivo `client-package.json` deben estar presentes obligatoriamente en el directorio del Client. Los archivos CSS y JS son opcionales, según la funcionalidad de tu aplicación. Puedes eliminar los archivos `main.css` y `main.js` si no los necesitas.

* Al alojar una aplicación web, debes asegurarte de que las especificaciones mencionadas en el archivo `client-package.json` sean precisas y que hayas seguido todas las directrices mencionadas anteriormente. Para aprender más sobre el alojamiento de una aplicación web, consulta [Web Client Hosting](https://docs.catalyst.zoho.com/es/cloud-scale/help/web-client-hosting/introduction/).

* Puedes configurar el componente Client en cualquier momento usando el CLI mientras trabajas con el proyecto. Para aprender más, consulta [Trabajar con el Client](https://docs.catalyst.zoho.com/es/cli/v1/working-with-the-client/introduction/).