ReactJS es una biblioteca de JavaScript popular para construir interfaces de usuario interactivas. En este artículo, te guiaré a través del proceso de instalación de ReactJS en Ubuntu 22.04 junto con el servidor web Nginx.

Paso 1: Instalar Node.js y npm

Antes de instalar ReactJS, necesitas asegurarte de tener Node.js y npm instalados en tu sistema. Puedes hacerlo ejecutando los siguientes comandos en tu terminal:

sudo apt update
sudo apt install nodejs npm

Paso 2: Instalar Create React App

Create React App es una herramienta que facilita la creación de aplicaciones ReactJS. Puedes instalarlo globalmente utilizando npm:

sudo npm install -g create-react-app

Paso 3: Crear una Aplicación React

Ahora que tienes Create React App instalado, puedes crear una nueva aplicación ReactJS ejecutando el siguiente comando:

npx create-react-app my-react-app

Esto creará una nueva carpeta llamada my-react-app con la estructura de archivos de una aplicación ReactJS lista para usar.

Paso 4: Construir la Aplicación React

Después de crear la aplicación, navega al directorio de la aplicación recién creada y ejecuta el siguiente comando para construirla:

cd my-react-app
npm run build

Esto generará una carpeta build con los archivos estáticos de tu aplicación ReactJS listos para ser servidos por Nginx.

Paso 5: Configurar Nginx

Ahora necesitas configurar Nginx para servir tu aplicación ReactJS. Puedes crear un nuevo archivo de configuración en el directorio /etc/nginx/sites-available/ utilizando tu editor de texto favorito:

sudo nano /etc/nginx/sites-available/my-react-app

Y agrega la siguiente configuración:

server {
    listen 80;
    server_name mydomain.com;

    root /path/to/my-react-app/build;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }
}

No olvides reemplazar mydomain.com con tu nombre de dominio y /path/to/my-react-app/build con la ruta al directorio build de tu aplicación ReactJS.

Paso 6: Activar el Sitio y Reiniciar Nginx

Ahora activa el sitio que acabas de configurar y reinicia Nginx para que los cambios surtan efecto:

sudo ln -s /etc/nginx/sites-available/my-react-app /etc/nginx/sites-enabled/
sudo systemctl restart nginx

Felicidades! Ahora has instalado ReactJS con Nginx en Ubuntu 22.04 y tu aplicación está lista para ser desplegada. Shape.host ofrece servicios de Cloud VPS que pueden ayudarte a gestionar y optimizar tu servidor web Nginx para servir aplicaciones ReactJS de manera eficiente. Considera utilizar nuestros servicios para una experiencia sin complicaciones en la gestión de tu infraestructura web.