Créer un SITE WEB COMPLET avec l'IA en 5 minutes !

00:00:01 Dans cette vidéo, je vais montrer un

00:00:03 outil complètement dingue. Il m'a

00:00:04 littéralement retourné le cerveau

00:00:06 tellement qu'il est incroyable. En gros,

00:00:07 c'est un outil qui te permet de générer

00:00:09 des subur à partir d'une simple phrase

00:00:11 que vous allez écrire. Et le plus fou

00:00:13 dans tout ça, c'est totalement gratuit.

00:00:14 Quand je vous dis gratuit, vous allez

00:00:15 penser que c'est juste du crédit qu'on

00:00:17 vous donne et après c'est fini. Mais non

00:00:19 les gars, c'est 100 % gratuit et open

00:00:20 source. Alors ici, je lui ai juste dit

00:00:23 de me générer un site web moderne pour

00:00:25 vendre des chaussures de sport et vous

00:00:26 voyez qu'il est en train de coder tout

00:00:28 le site sous mes yeux. Et le résultat

00:00:30 les gars, c'est totalement bluffant.

00:00:31 Premièrement, dans cette vidéo, je vais

00:00:32 vous montrer comment vous allez faire

00:00:34 pour créer un site complet de A à Z à

00:00:36 partir de cet outil. Deuxièmement, je

00:00:37 vais vous montrer comment vous allez

00:00:39 faire pour copier le code HTML que vous

00:00:41 pouvez partager à votre développeur pour

00:00:43 aller plus loin. Si tu es nouveau sur ma

00:00:44 chaîne, je suis Amodimal. Je fais

00:00:46 souvent ce genre de vidéo pour vous

00:00:47 montrer comment utiliser Lia dans votre

00:00:49 quotidien et je vous présente les

00:00:50 meilleurs outils que vous pouvez

00:00:52 utiliser dans votre quotidien. Alors

00:00:53 like et abonne-toi pour ne pas arrêter

00:00:55 les prochaines vidéos. Et si tu es prêt,

00:00:58 on y va dans les détails.

00:00:59 Alors les gars, nous sommes à la partie

00:01:01 démo et l'outil qu'on va utiliser dans

00:01:04 cette vidéo s'appelleite. Donc le nom va

00:01:05 vous dire quelque chose. Ça vient de

00:01:07 Dipsic, donc les concurrents direct de

00:01:10 chat DPT Open AI. Donc c'est une IA

00:01:12 générative. Ici, ils ont décidé de créer

00:01:14 un outil qui va permettre de créer des

00:01:17 pages, des interfaces web à partir d'un

00:01:18 simple prom. Donc comme je vous ai

00:01:20 montré tout à l'heure à l'intro de la

00:01:22 vidéo, donc pour utiliser l'outil, je

00:01:23 vous mettrai le lien dans la description

00:01:25 de cette vidéo ou bien vous allez sur

00:01:27 votre barre de navigateur et vous allez

00:01:29 taper de sitsite, vous cliquez sur le

00:01:30 premier lien que vous allez voir.

00:01:32 Ensuite, vous allez atterrir sur cette

00:01:34 page. Très simple à utiliser. Donc si

00:01:36 vous constatez bien, ici c'est là où on

00:01:38 va mettre notre prompt et à partir de

00:01:41 là, cet espace sera notre espace où on

00:01:42 va voir notre site en train d'être

00:01:45 généré par LIA. Alors là, je vais vous

00:01:47 montrer une astuce. Donc si vous mettez

00:01:50 ici directement je vais un site tel bien

00:01:52 sûr vous aurez le résultat mais ce sera

00:01:54 pas top. Alors comment vous allez faire

00:01:56 pour obtenir un meilleur résultat ?

00:01:57 C'est ce qu'on va vous montrer dans

00:01:59 cette vidéo avant de passer à la

00:02:00 deuxième partie. Alors ici ce que je

00:02:02 vous recommande de faire, vous allez

00:02:04 utiliser bien sûr Deepsy. Donc vous

00:02:06 connaissez bien cet outil, c'est le

00:02:08 concurrent direct de chat GPT. Si vous

00:02:10 voulez aussi vous pouvez aller

00:02:12 directement sur Chat GPT et vous allez

00:02:14 lui donner ce prompt là qui est là. Donc

00:02:16 là, on va lui demander je veux utiliser

00:02:18 des sitsites. Donc là, je lui dis pour

00:02:21 générer mon site web moderne pour vendre

00:02:23 des chaussures de sport. Je veux que tu

00:02:25 me crées le prompt bien détaillé et pro

00:02:27 pour obtenir un site très moderne de A à

00:02:30 Z avec toutes les fonctionnalités. Alors

00:02:32 là, vous voyez, il a dit tout ce qu'il a

00:02:34 envie de dire et là, il va donner le

00:02:37 prompt. Donc là, il dit prompt site

00:02:39 commerce sur sport et là vous voyez, il

00:02:41 met toutes ces informations. Donc là, ce

00:02:43 que je vais faire, je vais moi-même

00:02:46 copier le prompt que je vais mettre sur

00:02:48 de site bien sûr et on va voir les

00:02:49 résultats ensemble. Alors là, je vais

00:02:53 copier tout le prompt ici.

00:02:56 Je reviens sur depsite, je colle ici. Je

00:02:59 reviens, je copie ça aussi. Je reviens.

00:03:02 Alors là, je colle

00:03:05 le code HTML. Là, je reviens. Je

00:03:06 continue de copier le prompt qui n'est

00:03:08 pas terminé. Bien sûr, je descends,

00:03:11 descends. Je vais tout copier. Je

00:03:14 reviens sur DIP et je colle. Alors, une

00:03:16 fois que j'ai fini de coller maintenant

00:03:17 tout mon prompt, qu'est-ce qui me reste

00:03:20 à faire ? Je vais cliquer sur envoyer.

00:03:21 Alors là, vous allez voir, ça va vous

00:03:23 prendre un peu de temps parce que

00:03:26 l'outil va carrément se concentrer pour

00:03:28 créer votre site web sous vos yeux. Donc

00:03:29 là, vous voyez qu'il est en train de

00:03:32 coder et là, vous allez voir qu'il va se

00:03:34 mettre juste ici à vous montrer l'image

00:03:36 de votre site. Après ça, je vais vous

00:03:37 montrer comment vous allez faire pour

00:03:39 déployer votre site et deuxièmement

00:03:41 comment vous allez faire pour copier le

00:03:43 code HTML comme je vous l'ai dit à

00:03:46 l'intro que vous allez pouvoir envoyer à

00:03:47 votre développeur pour aller beaucoup

00:03:49 plus loin. Donc ça va être vraiment

00:03:50 simple, vous copiez, vous envoyez ça, il

00:03:53 pourra directement appliquer exactement

00:03:55 ce que vous avez généré avec G. Alors,

00:03:58 on se retrouve pour voir le résultat.

00:03:59 Après quelques minutes, vous allez voir

00:04:01 que votre site est enfin prêt. Donc vous

00:04:03 voyez, c'est un site vraiment design.

00:04:05 J'ai pu mentionner ici que je veux que

00:04:07 le nom de la boutique s'appelle

00:04:10 Tectonique Sport. Donc il y a ici le

00:04:12 menu donc la cuueille, produit,

00:04:14 technologie, avis, contact. Donc si vous

00:04:16 défilez, vous allez voir les produits

00:04:18 avec les prix, l'option d'ajouter ça au

00:04:20 panier. Donc vous voyez, c'est un site

00:04:22 qui est carrément moderne, donc prêt à

00:04:25 utiliser. Donc là, si je veux déployer

00:04:26 le site, tout simplement, je vais

00:04:28 cliquer ici. Donc avant ça, je vais vous

00:04:31 montrer ici le modèle sur format

00:04:33 téléphone. Donc vous voyez, le site est

00:04:36 totalement responsif. Donc là, si on

00:04:38 défile, on peut voir que si vous

00:04:39 l'utilisez sur un téléphone, ça va

00:04:42 donner ça. Donc c'est vraiment bien. On

00:04:45 va revenir sur format PC et là on va

00:04:47 cliquer sur déployer notre site pour que

00:04:49 notre site soit bien déployé. Donc là,

00:04:51 je clique et là, il va vous demander de

00:04:54 mettre le nom de votre site. Je vais

00:04:58 mettre ici tectonique comme ça.

00:04:59 Alors, j'ai fini de mettre le nom

00:05:01 Tectonique Sport et là, je vais cliquer

00:05:04 sur déployer l'espace. Donc là, vous

00:05:05 allez attendre juste quelques minutes et

00:05:07 vous allez voir que votre site sera

00:05:09 totalement déployé. Donc là, ce qui vous

00:05:11 reste à faire, si vous avez envie, vous

00:05:13 cliquer prévu. Donc là, je vais cliquer

00:05:16 sur regarder. Et là, on va vous demander

00:05:18 de cliquer par exemple si vous finissez

00:05:21 de déployer. Donc là, vous allez cliquer

00:05:24 sur si espace. Donc là, il va vous

00:05:26 directement vous diriger sur votre site

00:05:29 que vous avez déployé. Donc là, si vous

00:05:31 défilez, vous voyez, c'est bien designé,

00:05:33 c'est vraiment top. Donc là, ça allait

00:05:35 vous prendre combien de minutes ? Euh ça

00:05:36 c'est une question pour les

00:05:38 développeurs. Combien ça allait vous

00:05:41 prendre de temps pour générer ce genre

00:05:43 de site ? Alors là, je vais vous montrer

00:05:45 la partie qui est la plus importante,

00:05:48 c'est comment copier le code HTML que

00:05:49 vous pouvez envoyer à votre développeur

00:05:51 ou bien si vousmême vous êtes

00:05:52 développeur, comment vous pouvez

00:05:55 utiliser directement le code et en finir

00:05:57 avec votre site. Donc je reviens sur

00:05:59 l'outil, je vais cliquer sur chat qui

00:06:03 est là et là vous voyez ici tout le code

00:06:05 du site est là. Donc là c'est un peu

00:06:07 long. Ce qui vous reste à faire ici,

00:06:09 c'est de cliquer sur copier qui est

00:06:12 juste là et vous voyez HTML copier. Donc

00:06:14 là, ce qui vous reste à faire, c'est de

00:06:17 l'utiliser et de déployer votre site sur

00:06:18 d'autres plateformes que vous allez

00:06:20 utiliser pour développer votre site. Les

00:06:21 gars, c'était ça pour vous montrer

00:06:23 comment créer un site web à partir de

00:06:25 cet intelligent artificiel qui est

00:06:27 totalement gratuit. Si vous êtes

00:06:28 débutant, si vous êtes un développeur,

00:06:30 cet outil va carrément vous aider à

00:06:32 créer des sites web. Alors, dites-moi ce

00:06:33 que vous en pensez dans les

00:06:34 commentaires. C'est tout pour moi. On se

Créer un SITE WEB COMPLET avec l'IA en 5 minutes !

Transcription horodatee