Nouveau projet Next.js 13 Features | Utiliser Next.js 13 et OpenAI pour construire un site web générateur de blagues
Dans cette vidéo, @CodeWithHarry explique comment créer un site web générateur de blagues aléatoires en utilisant Next.js 13 et OpenAI's API. Harry aborde également certaines des nouvelles fonctionnalités de Next.js 13, la dernière version de Next.js.
Nouveau sur Linode ? Commencez ici avec un crédit de 100$ !
Chapitres :
0:00 Introduction
0:24 Créer un nouveau projet
2:30 Démarrer le serveur de développement
3:20 Démarrer YARN Dev
3:50 Installer Yarn
4:40 VSCode TIp !
5:30 Créer une racine personnalisée
8:15 Générer une méta description
9:20 Utiliser Layout.js
11:00 Importer des alias
13:20 Créer un pied de page
14:00 Créer une barre de navigation
15:45 Styliser le pied de page
17:30 Créer le contenu
21:20 Créer le slider
23:40 Installer le carrousel
26:15 Supprimer les boutons inutiles
27:50 Ajuster la largeur
29:25 Générer des blagues au format JSON
30:55 Insérer les blagues
31:05 S'assurer que l'insertion des blagues est aléatoire
33:00 Importer useEffect
34:20 Utiliser Dangerously Set HTML
35:40 Ajouter une classe à la division des blagues
37:00 Créer un bouton Régénérer
42:00 Ajouter les blagues JSON
42:25 Vérifier la page
42:35 Conclusion
Lisez la documentation pour plus d'informations sur la façon de démarrer avec Next.js.
Ensavoir plus sur Next.js.
Abonnez-vous pour être informé des nouveaux épisodes dès leur sortie.
#Akamai #Next.js #OpenAI
Produits : Akamai, Next.js, OpenAI ; @CodeWithHarry
Vous pourriez aussi aimer...
-
Déploiement d'applications avec NGINX et Supervisor | Python App From Scratch Avec Justin Mitchel
Dans la dernière partie de cette série sur la mise en place d'une application Web Python , Justin aborde la dernière étape du déploiement de votre application Python . -
WASM est-il la prochaine vague de Cloud Computing? | Le développement d'un système de gestion de l'information pour l'entreprise
Dans cette vidéo, Gardiner explique Web Assembly, ou simplement WASM, un pilier émergent de l'informatique en nuage, et parle de ses avantages. -
WGER Workout Manager - Hébergez votre propre application libre de suivi de la condition physique
Dans cette vidéo, @TechHut présente l'application de suivi de la condition physique Open Source wger - une application de fitness communautaire que vous pouvez héberger vous-même. -
Gestion des erreurs et de la sécurité dans les applications basées sur l'IA | Web Development With AI Episode 7
Dans cette vidéo, Austin consacre du temps à la correction des bogues, à l'ajout d'une protection contre les acteurs malveillants et discute des vecteurs d'attaque spécifiques à l'IA.