Content Comparison

Paso 1: Clonar el Repositorio del Frontend

1. Clonar el Repositorio:
   Navega al directorio donde deseas clonar el proyecto y ejecuta:

git clone https://bitbucket/technisupport3/front-zona-franca.git
cd front-zona-franca

Paso 2: Instalar Dependencias

1. Instalar Node.js y npm:
   Asegúrate de tener Node.js y npm instalados en tu sistema. Si no los tienes, puedes descargarlos e instalarlos desde Node.js.

2. Instalar las Dependencias del Proyecto:

npm install

Paso 3: Configuración del Archivo de Entorno

1. Crear el Archivo .env:
   Copia el archivo .

   Bloque de código
   env.example

    a 

   Bloque de código
   .env

   y configúralo con las variables de entorno necesarias para tu entorno de desarrollo o producción.

Paso 4: Ejecutar el Proyecto

1. Ejecutar el Proyecto en Modo Desarrollo:

npm start

3. Construir el Proyecto para Producción:

npm run build

El proyecto generado estará en la carpeta build y puede ser servido utilizando un servidor web como Nginx o Apache.

Paso 5: Despliegue en un Servidor Web

1. Configurar un Servidor Web (Ejemplo con Nginx):

Instala Nginx en tu servidor:

sudo apt-get install nginx

Configura Nginx para servir la aplicación React desde la carpeta build. Un ejemplo de configuración de Nginx puede ser:

server {

listen 80;

server_name tu-dominio.com;

root /path/to/front-zona-franca/build;

index index.html index.htm;

location / {

try_files $uri /index.html;

}

}

2. Reiniciar Nginx para aplicar los cambios:

sudo systemctl restart nginx