React importare in wordpress
npx create-react-app
Attenzione ai div all’interno dei js
attenzione al css
da
https://medium.com/better-programming/how-to-embed-react-apps-in-wordpress-sites-96a21b995290
npm install –save react-router-dom
npm install react-app-rewired –save-dev (per non produrre troppi file chunck)
in package json aggiungere:
“homepage”: “/react511/”,
“start”: “react-app-rewired start”,
“build”: “react-app-rewired build”,
“test”: “react-app-rewired test”,
bisognare copiare il file: config-overrides.js dalle altre cartelle
questo progetto si trova nella cartella: jobs-per-wordpress ciao
rm rf .git
creare il file .gitignore (scriverci dentro node_modules)
creare il file Procfile (scriverci dentro web: node server.js)
modificare il file server.js aggiungengo l’if della produzione
modificare il package.json del root
(aggiungere heroku-postbuild”: “NPM_CONFIG_PRODUCTION=false npm install –prefix client”)
git init (si crea una cartella .git che contiene tutto il progetto)
heroku login
heroku create
crea anche l’url (https …) da copiare dentro il file package.json del client
npm ru build
git add .
git commit -am “make it better”
git status (deve ritornare un clean)
git push heroku master
Attenzione ai div all’interno dei js
attenzione al css
da
https://medium.com/better-programming/how-to-embed-react-apps-in-wordpress-sites-96a21b995290
npm install –save react-router-dom
npm install react-app-rewired –save-dev (per non produrre troppi file chunck)
in package json aggiungere:
“homepage”: “/react511/”,
“start”: “react-app-rewired start”,
“build”: “react-app-rewired build”,
“test”: “react-app-rewired test”,
bisognare copiare il file: config-overrides.js dalle altre cartelle
questo progetto si trova nella cartella: jobs-per-wordpress ciao
Importare in Heroku
Andare nell directory del client (dove si trova react)
Cancellare il file gitignorerm rf .git
Andare in root
creare il file .gitignore (scriverci dentro node_modules)
creare il file Procfile (scriverci dentro web: node server.js)
modificare il file server.js aggiungengo l’if della produzione
modificare il package.json del root
(aggiungere heroku-postbuild”: “NPM_CONFIG_PRODUCTION=false npm install –prefix client”)
git init (si crea una cartella .git che contiene tutto il progetto)
heroku login
heroku create
crea anche l’url (https …) da copiare dentro il file package.json del client
Riandare nell directory del client (dove si trova react)
nel package.json modificare il proxy con l-url preso dal terminalnpm ru build
Tornare nel root
git statusgit add .
git commit -am “make it better”
git status (deve ritornare un clean)
git push heroku master