Comment Créer un Site Web en 2023/2024 💻 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é !