Docker install

The PC was installed and fully updated, Ubuntu Desktop 26.04.

curl -fsSL https://download.docker.com/linux/ubuntu/gpg -o /etc/apt/keyrings/docker.asc

echo "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.asc] https://download.docker.com/linux/ubuntu $(. /etc/os-release && echo "${UBUNTU_CODENAME:-$VERSION_CODENAME}") stable" | sudo tee /etc/apt/sources.list.d/docker.list > /dev/null

sudo apt install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin

Come fare girare react su docker

1) Installare nvm:

curl -o https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash
source /.bashrc

2) Installare nodejs 24:

nvm install 24
npm install vite

3) Compilare:

npm run build

4) Creo sotto la stessa directory i files dockerfile:

FROM nginx:alpine
WORKDIR /app
COPY ./dist /app
COPY  nginx.conf /etc/nginx/conf.d/default.conf
EXPOSE 80

e nginx.conf:

server {
   listen 80;
   server_name _;
   root /app;
   index index.html;
   location / {
     try_files $uri $uri/ /index.html;
   }
}  

A questo punto, il ciclo di test è questo

4.0) Modifico e ricompilo con il comando precedente (npm run build);

4.1) eseguo

docker build -t <MY-REACT-IMAGE>

(per controllare)

docker images

4.2) lancio il container:

docker run -d my-react-container -p 8080:80 my-react-image

(per controllare)

docker ps

4.3) Vado col browser a controllare localhost:8080

4.4) Per stopparlo:

docker stop my-react-container

4.5) e per eliminare l'immagine:

docker rmi -f my-react-image

(i comandi docker inmages e docker ps possono essere sempre usati).