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