Comment Créer un Site Web en 2023 ???? Tutoriel débutant

Aujourd'hui on découvre comment créer un site web en 2023 avec HTML CSS et le framework Javascript ReactJS. Il s'agit d'une video d'introduction pour les débutants. Bon visionnage

????️ Héberge ton site avec Hostinger : https://www.hostg.xyz/SHBis
(- 10% avec la code GRAVEN)

????Liens de la video :
Télécharger NodeJS : https://nodejs.org/en/
Télécharger Visual Studio Code: https://code.visualstudio.com

Create React App : https://create-react-app.dev/docs/getting-started
React Router: https://reactrouter.com/en/main
React Icons : https://react-icons.github.io/react-icons/

Tailwindcss Create React:App: https://tailwindcss.com/docs/guides/create-react-app
Tailwindcss Documentation: https://tailwindui.com/components?ref=sidebar

React Hook Form : https://react-hook-form.com
EmailJS : https://www.emailjs.com

Télécharger Filezilla : https://filezilla-project.org
Télécharger Putty : https://www.putty.org

???? VPS
Télécharger Nodejs Debian: curl -sL https://deb.nodesource.com/setup_18.x | bash -
Pare-feu UFW: https://www.codingforentrepreneurs.com/blog/hello-linux-nginx-and-ufw-firewall/

Configuration Nginx
proxy_pass http://localhost:3000;
proxy_set_header Host $proxy_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

???? Timecode

00:00 - Intro
01:00 - Installation des outils
02:31 - Création du projet React
07:21 - Première page (Accueil)
22:15 - Deuxième page (Ressources)
24:52 - React Router & Menu de Navigation
30:01 - Troisième page (Contact)
33:32 - Stylisation du site (Taildwindcss)
46:32 - Ajout d'une image
50:04 - Ajout d'icônes
56:12 - Formulaire de contact
01:16:48 - Hébergement
01:30:00 - Configurer Nginx
01:34:52 - Ajouter un nom de domaine
01:37:03 - Outro

???? Rejoindre le discord
http://discord.gg/graven

Abonnez-vous à la chaine !
Hé hé !