Skip to main content

Estructura de la Clase

En esta sesión vamos a detallar los pasos que hemos seguido en clase para continuar con el desarrollo de la clase anterior. Puedes descargarte la sesión final de la clase anterior o simplemente usar el proyecto base de esta sesión.

  1. Siguiendo con el proyecto creado en la clase anterior, vamos a cambiar la estructura a un repositorio monorepo.
mkdir ui \
&& mv *[^ui]* ui  \
&& mv .gitignore ui \
&& mv .env ui  \
&& mv .eslintrc ui  \
&& mv .eslintignore ui  \
&& mkdir api
  1. Copiamos los archivos de la carpeta root del proyecto base de esta sección: .env, .gitignore, .nodemon.json, package.json, tsconfig.json, .eslintrc e instalamos las dependencias con:
npm install

  1. Creamos el contenido mínimo copiando la carpeta src de la versión de la rama 1_add_scaffolding.

  2. En este punto podemos añadir el fichero Makefile

  3. Ahora vamos a añadir todas las configuraciones de express, como podemos ver en la rama 2_express_config

  4. Añadimos la carpeta Routes que podemos encontrar en la rama 3_add_routes y los ficheros swagger.json y swaggerDef.json para añadir las rutas y la especificación swagger. No olvidéis añadir las rutas con añadiendo Routes.init(app) al fichero server.ts.

  5. Ahora añadimos la carpeta de Componentes que encontraremos en la rama 4_components y actualizaremos todas las rutas para importar el componente correspondiente.

  6. Vamos a cambiar ahora a la carpeta ui e implementar los cambios en el frontend. Empezaremos por copiar la sección api de la rama 5_changes_api.

  7. Ahora vamos a cambiar los ficheros de auth y dashboard para dejar configurado el networking.

  8. Comprobamos que todo funcione y que el jwt y la autenticación funcionan.