Coder et héberger un site web de A à Z avec Python et Flask

⭐ Créez votre VPS sur Infomaniak : www.infomaniak.com/fr/heberge...
Dans cette formation de près de 3h, on va voir comment créer un SaaS de A à Z avec Python, de la création du site avec Flask, JavaScript et Tailwind, jusqu'à sa mise en ligne sur un serveur privé virtuel (VPS). Aperçu de l'application finale à 01:47:14.
🔗 Ma formation complète Python sur Udemy (+60h de formation)
● bit.ly/3iGZu9a
🔗 Suivez cette formation directement sur Docstring :
● www.docstring.fr/formations/c...
🔗 Sources de la formation
● github.com/DocstringFr/FlaskGPT
🔖 Les formules d'abonnement à Docstring
● www.docstring.fr/formules/?ut...
💬 Rejoins le serveur Discord
● www.docstring.fr/discord/?utm...
===== CHAPITRES =====
00:00:00 Introduction
00:02:18 Les prérequis
00:03:32 Les technos utilisées et leurs versions
00:04:40 Installation de Poetry
00:06:27 Installation de Tailwind CSS
tailwindcss.com/blog/standalo...
00:10:20 Installation des dépendances
00:14:15 Création de l'application Flask
00:21:09 Ajouter un template HTML pour la page d'accueil
00:25:33 Ajout du fichier CSS de Tailwind
00:33:21 Ajout du fichier JavaScript
00:36:19 Création de l'application : Introduction à la section
00:37:08 Créer l'interface de base
00:43:12 Cloner le bloc de réponse avec JavaScript
00:49:26 Ajouter une réponse avec JavaScript
00:51:49 Récupérer l'historique des messages avec JavaScript
00:57:04 Ajouter la clé d'API d'OpenAI
01:01:29 Générer la conversation pour OpenAI
01:07:01 Envoyer la conversation à OpenAI
01:14:18 Envoi du formulaire
01:20:44 Générer la réponse côté front-end
01:31:31 Ajout de la réponse dans la conversation
01:43:06 Ajout de la coloration syntaxique avec Highlight JS
01:47:14 DÉMONSTRATION DE L'APPLICATION FINALE
01:48:20 Mise en ligne du site : Introduction à la section
01:49:27 Création d'un serveur sur Infomaniak
01:51:04 Connexion au serveur en SSH
01:57:05 Copier le code sur le serveur
02:00:32 Installation des dépendances sur le serveur
02:04:08 Test de l'application
02:10:21 Test de l'application avec Gunicorn
02:24:02 Installation et configuration de Nginx
02:34:54 Modifier le proxy buffering
02:38:03 Ajouter le nom de domaine et le HTTPS
02:48:04 Conclusion et suite

[@__P-A__]

Un tel contenu gratuit c’est ouf . Super vidéo comme d’hab. 🤜

[@nifou63]

Tout est bien expliqué, vraiment c'est super. Un grand merci pour tout ce travail et ce partage.

[@GIMS-gc6by]

Vous êtes impeccable de part votre explication; mais surtout de votre organisation

[@gaston_6678]

Merci pour mon gars. Avec cette vidéo tu me guide dans un de mes projets. Merci beaucoup

[@gabrieltrouve2801]

Projet terminé ! :) Merci bcp.

[@francksaounde5598]

Très bonne formation ! J'apprécie surtout le fait que tu expliques chaque concept que tu mentionnes. Merci beaucoup

[@theuprihtman4978]

C'est super ... Merci beaucoup pour ce travail

[@symphognoboa8224]

Ah t'es bon mon gars ! C'est clean, compréhensible et plein de ressources. Grand bravo !

[@Docstring]

Merci 🥳 !!

[@user-kn5ml9rt4u]

Simple et claire merci beaucoup

[@serge_amon]

Tu restes expert et authentique. Se frotter contre toi s'avèrera bénéfique pour se devenir une luciole. 😊

[@sorofranck9231]

Merci beaucoup j'attendais vraiment un formation sur le sujet

[@Docstring]

Merci pour ton commentaire :D !

[@loupitaramos]

Merci Infiniment

[@patou880]

Merci, c’est tout simplement génial 👍👍👏

[@Docstring]

Merci 🙌 !

[@restonspositifs3336]

Vous etes genial!

[@RICHARDASSOGBAPKE]

mes respect , grand merci pour le partage

[@Docstring]

Créez votre VPS sur Infomaniak : www.infomaniak.com/fr/hebergement/vps-cloud? Hâte de voir vos projets en ligne !

[@NicolasDeswysen]

Excellentissime... j'ai dévoré ce tuto. Merci pour ce partage gratuit :)

[@Docstring]

Merci Nicolas, content que tu aies apprécié !

[@user-uh4jr9vk5r]

Merci pour cette video !

[@laurentpynettes5903]

super!

[@louisomgba629]

Merci docstring

[@lespetidekaaramoo9462]

Merci beaucoup ❤❤

[@informatiquepourtoussn]

Super video

[@td3861]

Dingue, merci pour ton partage de connaissance !

[@Docstring]

Merci à toi 😊

[@user-ig7gm4pq5r]

U're the best❤

[@credov.k2594]

formidable projet!

[@Docstring]

Merci !

[@moi22111]

merci infiniment

[@heritierkachele5805]

Super vidéo vraiment ! J'aime

[@heritierkachele5805]

En plus gratos, c'est du woow

[@Docstring]

🙌 n'hésite pas à la partager sur tes réseaux ;)

[@leocolt7740]

Merci

[@noekiriza5041]

#Thibault my Idol. Merci encore 🙌

[@Takoduino]

PARDON C'est dans quoi vous avez ecris l'installation de poetry?

[@huguesakre2829]

Tu peux faire un tuto de ce même genre sans l'API de openai? Avec l'aide d' un modèle qui tourne en local

[@Docstring]

J'ai prévu du contenu sur le sujet des LLM de façon plus générale sans passer par OpenAI oui :)

[@huguesakre2829]

J'attend vraiment celà avec impatience, ça va vraiment me booster. En attendant que tu poste, je vais poursuivre mes recherches en ce sens. Merci beaucoup@@Docstring

[@tsp_agri7123]

Bonjour, j'ai un problème, lors de l'execution de mon programme dans la première étape, j'ai cette erreur qui s'affiche "nodename nor servname provided, or not known" et je ne sais pas quoi faire pour la résoudre.

[@amarakourouma4068]

tailwindcss ne fonctionne pas avec mac m1 , que faut il faire pour remedier cela?

[@flosrv3194]

Impossible d'installer le tailwind sur windows, aaprès avoir téléchargé le exe, je clique dessus et une fenetre de commande apparait et disparait... Cet ordinateur ne restera pas longtemps en un seul morceau...

[@Asterix_ObelixTV]

Mon application marche en local mais pas sur mon VPS .. aidez moi svp ?

[@m__link6499]

Thibaut quel est ton avis sur la comparaison de Django et Flask pour le front-end des applications Python? Je te remercie pour tes contributions gratuites dans l’univers Python.

[@billelboulahia6673]

tu pourrais le faire avec django

[@ADAMABARRO-mh5tk]

Merci, mais quel terminal utilises tu pour installer poetry ? Tu utilises Windows ou linux ?

[@Docstring]

Je suis sur Mac, avec un terminal ZSH (similaire à Bash), donc similaire à ce que tu as sur Linux. Pour Windows, je conseille Git Bash ou le WSL.

[@djeffersontsafack2322]

bonjour et merci pour la vidéo. mais vous n'avez pas donnez le lien pour avoir l'utilitaire de Tailwind. pouvez-vous me donnez le lien s'il vous plait?

[@Docstring]

Bonjour ! C'est le premier lien dans la documentation dans "Getting started" : tailwindcss.com/docs/installation Et la page direct : tailwindcss.com/blog/standalone-cli Je l'ai rajouté dans la description de la vidéo :) Bonne continuation !

[@isaacmumbere301]

je suis heureux de toi cher ami ! mais j'ai pas pu retrouver les liens

[@Docstring]

Tout est dans la description :)

[@ahmedhaita7331]

poetry ne veut pas marché!

[@nicephorz]

Vidéo intéressante. Mais par contre est-ce qu'il n'y aurait pas beaucoup moins cher qu'une trentaine d'euros par mois pour un vps ? Je n'ai pas du tout ce budget, pour une application simple comme celle proposée est-ce qu'il y a des alternatives moins chères et aussi simple d'utilisation ?

[@Docstring]

Justement tu tombes à pic, Infomaniak dont je parle dans la vidéo, viennent de sortir un VPS Lite avec des prix beaucoup plus abordables : www.infomaniak.com/fr/hebergement/vps-lite? C’est sur ce genre de vps que j’ai fait tourner Docstring pendant les premières années donc ça te permet déjà de faire des apps intéressantes ! En dehors d’infomaniak tu as aussi des entreprises comme Digital Ocean avec des prix similaires (sans les avantages d’infomaniak par rapport à la localisation des données notamment).

[@nicephorz]

@@Docstring C'est super, un graaaaaand grand merci vous êtes formidable !

[@adrien-barret]

Tiens pourquoi flask et pas fastapi?

[@Docstring]

On m'a souvent demandé des formations sur Flask. C'est un framework encore très utilisé et je trouvais ça intéressant de montrer qu'on peut effectivement l'utiliser à la place de Django pour ce genre d'application qui ne nécessite pas de base de données ou de gestion des utilisateurs par exemple. Mais FastAPI aurait effectivement été tout aussi intéressant pour cette application, après, je pense que ça aurait été dommage peut être de l'utiliser juste pour ça (dans le sens où ça n'aurait pas vraiment permis de montrer tout son intérêt je pense avec une simple vue). Peut-être des étudiants qui en entendent souvent parler de façon dithyrambique aurait dû coup été déçu dans un cas de figure comme celui-ci.

[@heritierkachele5805]

Je pense que ce soit flask, django ou fastapi, ce qu'on nous a montré est la base de clone chatGPT, d'où chacun peut l'adapter au framework où il se sent à l'aise.

[@kouadiogermainngotta2292]

Je souhaite que vous devenez mon coach svp

[@cyborgtv9441]

Je suis déçu car ce n'est au final pas vraiment un clone de chatGPT mais le clone de l'interface.. je m'attendais a vraiment avoir une AI en offline sur son pc (en utilisant LAMA et les travaux de Stanford puisqu'il y a pas les sources pour Open ai)

[@Docstring]

Oui, j'explique précisément ce qu'on va faire dans les 3 premières minutes de la vidéo donc ça me semble assez clair :) le but ici est surtout de faire un site Web de A à Z jusqu'à la mise en ligne. J'ai prévu des vidéos aussi sur toutes les librairies style LlamaIndex. Mais au final ça sera toujours des outils qui te permettent d'utiliser des modèles plus ou moins déjà tout faits. Dans le cas de cette vidéo on utilise directement tel quel l'API d'OpenAI, mais quand tu utilises Lama, c'est presque pareil, au final tu ne crées pas un modèle de langage personnalisé, tu fais juste utiliser un outil qui effectue tout le travail à ta place (avec plus ou moins de contrôle).

[@reelsergealain]

Tu nous apprend Django et aujourd'hui tu viens avec Flash ? Super tutoriels mais bon

[@Docstring]

Il en faut pour tous! On me réclame des tutoriels Flask depuis longtemps.. Rien ne t'empêche de faire ce projet avec Django, c'est un bon apprentissage.

[@daninenglish276]

C'est incroyable, les gens ne sont jamais contents

[@jotarotepete]

Juste une remarque tout de même ..... pret de 90% des machine utilisés le sont sous Windows pour moins de 10% sous Mac de ce fait faire les formations sur des outils sur Mac relève soit d'une forme d'élitisme pour Apple soit d'une sorte de dédain pour les utilisateurs de Windows ..... dans les 2 cas c'est assez insupportable au final et ça rend les installations de départ plutôt pénible .... personellement je ne trouve pas ça malin est je dois dire que c'est assez caractéristique des Fan d'Apple !!!

[@Docstring]

Dans le milieu du développement et des serveurs on est plutôt à 90% sur du Linux, dont la base (UNIX) est similaire à celle des Mac. Donc non, en entreprise et quand vous déployez votre code, vous avez plus de chance d'être en contact avec un système Unix que Windows. De mon côté j'ai toujours travaillé en entreprise sur Linux, j'étais avant sur Windows et la marche à été haute lors de mon premier emploi. Pour mes formations et ma vie de tous les jours je suis sur Mac car c'est le seul système qui réuni ce dont j'ai besoin : un système Unix quasi identique à Linux pour le développement, et les applications dont j'ai besoin pour mon activité de formation (suite Adobe notamment, etc). Cela n'a donc rien à voir avec le fait d'être fan d'Apple ou non. De plus sur Docstring pour toutes les formations de base, dont la formation gratuite de 7h sur YT, je montre les démarches sur Windows, Mac OS et Linux. D'ailleurs un bon nombre d'heure est effectivement monopolisé par Windows qui fait tout différemment de ses confrères Mac et Linux ;) À bon entendeur :)