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/get...
React Router: https://reactrouter.com/en/main
React Icons : https://react-icons.github.io/react-i...

Tailwindcss Create React:App: https://tailwindcss.com/docs/guides/c...
Tailwindcss Documentation: https://tailwindui.com/components?ref...

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.co...

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
  / discord  

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