# Instalacion del Frontend de Zignar ## Prerequisitos para instalar > Insertar algo aqui :handshake: ## Configurar el Firewall ``` sudo ufw allow "PORT_FRONTEND" ``` ## Clonar el repositorio del Frontend ``` git clone https://github.com/Zignar-Technologies/Zignar_web_page.git ``` **Instalar los node_modules** ``` cd Zignar_web_backend ``` > Cambiar al directorio del backend ``` && npm i ``` > Instalar dependencias **Editar el archivo .env.production** ``` nano .env ``` > Escribir las propiedades del .env **Compilar react** ``` yarn build ``` **Renombrar la carpeta build a public** ``` mv build public ``` **Ir a otro directorio para descargar el repositorio del servidor para el frontend** ``` cd [Otro directorio] ``` ** **Descargar el repositorio del servidor** ``` git clone https://github.com/Zignar-Technologies/zignar_web_server.git ``` **Ir al directorio** ``` cd zignar_web_server ``` **Instalar los node_modules** ``` yarn install ``` **Mover la carpeta public del compilado de React al directorio del servidor** ``` mv directorio/public directorio_servidor/public ``` **Modificar el archivo .env** ``` nano .env ``` **Iniciar el servidor** ``` pm2 start src/index.js --name "Zignar web server" ```