Eseguire il deploy di una applicazione React

Una delle cose che mi piace molto di React è che è facile eseguire il deploy in produzione.

Sostanzialmente si tratta di tre passaggi:

• impostare alcune cose sul package.json
• eseguire un comando
• copiare sul server

Per quanto riguarda il punto 1, vediamo un esempio:

{
  "name": "NOME_PROGETTO",
  "version": "1.0.0",
  "author": "AUTORE",
  "homepage": "https://www.sito.com/dir/",
  "private": false,
  "license": "MIT",
  "dependencies": {
     ..............
  },
  "scripts": {
     ..............
  },
  "eslintConfig": {
     ..............
  },
  "browserslist": [
     ..............
  ]
}

Non vi ho elencato le dipendenze perchè quelle sono automatiche.

In verità la cosa forse più importante è il campo homepage.

Se dovete metterlo nella root del sito non c'è problema; ma se dovete metterlo in una sottocartella, allora dovete indicarla.

Così in fase di build verranno sistemati tutti i path automaticamente; ovviamente dovete metterla in una directory con lo stesso nome (dir in questo caso).

Molti degli altri attrbitui sono già impostati; altri non sono obbligatori.

Fatto questo entrate nella cartella del progetto e date questo comando:

$ npm run build

Verrà creata una cartella build con dentro tutti i filese.

Il contenuto di quella cartella va copiato sul server; o nella root o nella sotto cartella.

Fine!

Enjoy!