Zum Inhalt springen
Alle Produkte ansehen
Computing
Speicher
Netzwerk
Databases
Services
Entwicklertools
Branchen
Preise
Community
Treten Sie mit uns in engeren Kontakt
Inhalt erkunden
Serie
15
  1. Gesehen bei TFIR
    56
  2. Vereinfachte Cloud
    56
  3. Craft of Code
    37
  4. DIY Cloud
    51
  5. HackerSploit
    32
  6. Im Knotenpunkt-Newsletter
    44
  7. Learnk8s Labs
    8
  8. Linode Kubernetes mit Helm
    11
  9. OpenAI Versus Projekt
    9
  10. Partner-Roundups
    26
  11. Super-Benutzer
    162
  12. Tech With Tim Linux-Einsteiger-Serie
    14
  13. Terraforming von Kubernetes
    6
  14. Top Docs
    75
  15. IaC ausprobieren
    5
Mit
38
  1. Alexis Ahmed (HackerSploit)
    33
  2. Andrew Burke
    1
  3. Austin Gil
    21
  4. Billy Thompson
    14
  5. Brandon Hopkins
    25
  6. Chris Nesbitt-Smith
    2
  7. Chris Psaltis
    1
  8. Code with Harry
    31
  9. Code with Tomi
    13
  10. Daniele Polencic
    2
  11. Darcy Declute
    1
  12. David Burgess
    16
  13. David Flanagan
    1
  14. Florian Walther
    1
  15. Gardiner Bryant
    60
  16. James Steel
    26
  17. Jay LaCroix
    76
  18. Jay Lyman
    1
  19. Jérôme Petazzoni (Tiny Shell Script)
    11
  20. Jose Portilla
    1
  21. Josh | KeepItTechie
    21
  22. Justin Mitchel
    29
  23. Kevin Cunningham
    1
  24. Lana Lux
    5
  25. Liam Eagle
    2
  26. Mauricio “Salaboy” Salatino
    2
  27. Mike Jung
    3
  28. Nelson Djalo
    6
  29. Salman Iqbal
    3
  30. Sam Hawley
    2
  31. Sid Palas
    10
  32. Swapnil Bhartiya
    50
  33. Talia Nassi
    1
  34. Tech with Tim
    27
  35. TechHut
    9
  36. Veronica
    1
  37. Walt Ribeiro
    17
  38. zSecurity
    1
Content-Arten
7
  1. Kundenreferenzen
    37
  2. Ebooks
    15
  3. E-Mail-Newsletter
    44
  4. Projektbeschreibung
    1
  5. Forschung
    5
  6. Videos
    1
  7. Webinare
    29
Kategorien
13
  1. Cloud Übersichten
    19
  2. Computing
    52
  3. Container (Kubernetes, Docker)
    107
  4. Databases
    27
  5. Entwicklertools
    147
  6. Linode
    45
  7. Linux
    80
  8. Multicloud
    3
  9. Netzwerk
    14
  10. Open Source
    16
  11. Partner-Netzwerk
    40
  12. Sicherheit
    57
  13. Speicher
    25
Um eingebettete YouTube-Videos sehen zu können, müssen Sie in Ihren Cookie-Einstellungen"Performance"-Cookies aktiviert haben.
InhaltSuper-BenutzerNeues Next.js 13 Features Projekt | Mit Next.js 13 und OpenAI eine Joke-Generator Website erstellen

Neues Next.js 13 Features Projekt | Mit Next.js 13 und OpenAI eine Joke-Generator Website erstellen

In diesem Video erklärt @CodeWithHarry, wie man eine Website mit einem Zufallsgenerator für Witze mit Next.js 13 und OpenAIs API. Harry behandelt auch einige der neuen Funktionen von Next.js 13, der neuesten Version von Next.js.

Neu bei Linode? Einstieg hier mit einem $100-Guthaben!

Kapitel:
0:00 Einführung
0:24 Neues Projekt erstellen
2: 30 Dev-Server starten
3:20 YARN Dev starten
3:50 Yarn installieren
4:40 VSCode TIp!
5:30 Benutzerdefinierte Wurzel erstellen
8:15 Meta-Beschreibung generieren
9:20 Layout.js verwenden
11:00 Aliase importieren
13: 20 Fußzeile erstellen
14:00 Navbar erstellen
15:45 Fußzeile gestalten
17:30 Inhalt erstellen
21: 20 Schieberegler erstellen
23:40 Karussell installieren
26:15 Unnötige Buttons entfernen
27:50 Breite anpassen
29:25 Witze im JSON-Format generieren
30:55 Witze einfügen
31: 05 Sicherstellen, dass der Witz zufällig eingefügt wird
33:00 UseEffect importieren
34:20 Gefährlich gesetztes HTML verwenden
35:40 Klasse zu Joke-Div hinzufügen
37:00 Schaltfläche "Regenerieren" erstellen
42:00 Jokes JSON hinzufügen
42: 25 Seite prüfen
42: 35 Schlussfolgerung

Lesen Sie die Dokumentation für weitere Informationen über die ersten Schritte mit Next.js.
Erfahren Sie mehr über Next.js.
Abonnieren Sie diese Seite, um über neue Episodeninformiert zu werden, sobald sie erscheinen.

#Akamai #Next.js #OpenAI
Produkt: Akamai, Next.js, OpenAI; @CodeWithHarry

Das könnte Sie auch interessieren...

  1. So stellen Sie eine statische Website mit Hugo Linode Tutorial mit TechHut bereit

    Hugo ist in Go geschrieben und dafür bekannt, dass es Websites, auch sehr große, extrem schnell kompiliert. Hugo wird gut unterstützt.

  2. Erstellen einer virtuellen Umgebung | Python App von Grund auf mit Justin Mitchel

    In Teil 4 dieser Serie behandelt Justin Mitchel die Installation von Python in einer virtuellen Umgebung, die Herstellung der Produktionsbereitschaft und die Installation von FastAPI.

  3. Schnelle Authentifizierung von Benutzern mit FastAPI und Token-Authentifizierung

    In dieser Serie über API Authentifizierung erklärt Tim, wie man eine authentifizierte API mit Python und FastAPI erstellt.
  4. Das Bild zeigt David Burgess vom YouTube-Kanal DBTech zusammen mit dem Text Invoice Ninja.

    Rationalisierung der Rechnungsstellung für kleine Unternehmen mit Invoice Ninja | Das All-in-One-Rechnungsstellungs-Tool

    @DBTechYT zeigt, wie man @appinvoiceninja, eine Open-Source-Rechnungsstellungslösung, die in einem Docker-Container auf einem Linode gehostet wird, einrichtet.
Zurück Weiter