Zum Inhalt springen
Alle Produkte ansehen
Computing
Speicher
Datenbanken
Netzwerk
Entwicklertools
Bereitstellung
Sicherheit
Services
Branchen
Preise
Community
Treten Sie mit uns in engeren Kontakt
Inhalt erkunden
Serie
18
  1. Gesehen bei TFIR
    44
  2. Vereinfachte Cloud
    49
  3. Craft of Code
    62
  4. DIY Cloud
    52
  5. HackerSploit
    32
  6. Im Knotenpunkt-Newsletter
    35
  7. Einblicke von Partnerveranstaltungen
    15
  8. Learnk8s Labs
    4
  9. Linode Kubernetes mit Helm
    11
  10. MSP Spotlights
    3
  11. Offen für Geschäfte
    12
  12. OpenAI Versus Projekt
    8
  13. Partner-Roundups
    15
  14. Super-Benutzer
    135
  15. Tech With Tim Linux-Einsteiger-Serie
    14
  16. Terraforming Kubernetes
    6
  17. Top Docs
    73
  18. IaC ausprobieren
    5
Mit
47
  1. Alexis Ahmed (HackerSploit)
    33
  2. Andrew Burke
    1
  3. Austin Gil
    16
  4. Billy Thompson
    13
  5. Blair Lyon
    12
  6. Brandon Hopkins
    19
  7. Chris Nesbitt-Smith
    2
  8. Chris Psaltis
    1
  9. Code with Harry
    20
  10. Code with Tomi
    12
  11. Daniele Polencic
    2
  12. Darcy Declute
    1
  13. David Burgess
    16
  14. David Flanagan
    1
  15. Florian Walther
    1
  16. Gardiner Bryant
    54
  17. James Steel
    27
  18. Jay LaCroix
    74
  19. Jay Lyman
    1
  20. Jérôme Petazzoni (Tiny Shell Script)
    11
  21. Jose Portilla
    1
  22. Josh | KeepItTechie
    16
  23. Justin Mitchel
    24
  24. KellyAnn Fitzpatrick
    1
  25. Kevin Cunningham
    1
  26. Kyle "Kyjorei" Reid
    1
  27. Lana Lux
    5
  28. Liam Eagle
    3
  29. Mauricio “Salaboy” Salatino
    2
  30. Melanie Posey
    2
  31. Mike Jung
    3
  32. Mike Maney
    2
  33. Ned Bellavance
    3
  34. Nelson Djalo
    6
  35. Nicole Henderson
    1
  36. Owen Rogers
    1
  37. PJ Metz
    1
  38. Salman Iqbal
    3
  39. Sam Hawley
    2
  40. Sid Palas
    8
  41. Swapnil Bhartiya
    43
  42. Talia Nassi
    1
  43. Tech with Tim
    27
  44. TechHut
    9
  45. Veronica
    1
  46. Walt Ribeiro
    18
  47. zSecurity
    1
Content-Arten
10
  1. Vergleiche
    3
  2. Broschüren & One-Pager
    3
  3. Kundenreferenzen
    62
  4. Ebooks
    15
  5. E-Mail-Newsletter
    35
  6. Infografiken
    4
  7. Forschung
    14
  8. Videos
    488
  9. Webinare
    28
  10. Weiße Papiere
    1
Kategorien
14
  1. Cloud-Beratungsdienste
    14
  2. Cloud Übersichten
    29
  3. Computing
    51
  4. Container (Kubernetes, Docker)
    95
  5. Datenbanken
    26
  6. Entwicklertools
    133
  7. Linode
    46
  8. Linux
    79
  9. Multicloud
    6
  10. Netzwerk
    15
  11. Open Source
    17
  12. Partner-Netzwerk
    52
  13. Sicherheit
    54
  14. Speicher
    22

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

@CodeWithHarry erklärt, wie man einen Zufallsgenerator für Witze mit Next.js 13 und OpenAI's API erstellt. Harry behandelt auch einige der neuen Funktionen von Next.js 13, der neuesten Version von Next.js.

Neu bei Linode? Beginnen Sie 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 Episoden informiert zu werden, sobald sie erscheinen.

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

Das könnte Sie auch interessieren...

  1. CI/CD SaaS App Deployment | SaaS App From Scratch Conclusion

    In the last episode, Tim covers how to deploy your Django website and setup a CI/CD pipeline using GitLab.

  2. Einführung in APIs | Was sind APIs und wie werden sie von Entwicklern genutzt?

    In diesem Video wird erklärt, wie Anwendungsprogrammschnittstellen (APIs) funktionieren, und es werden einige gängige Beispiele für den Einsatz von APIs gegeben.
  3. Build Your Own ChatGPT Clone with Django and Postgres Part 1 of 2 featuring Code with Tomi.

    Build your Own ChatGPT Clone with Django and Postgres | Part 1 of 2

    In this two-part series, Tomi explains how to use Django to build a ChatGPT clone using Django and PostgreSQL Databases.
  4. Erstellen Sie eine Nachrichten-App, in der Harry ein Schild mit den Logos von Boostrap, NewsApi und NGINX hält.

    Erstellen einer voll ausgestatteten Nachrichten-App mit NewsAPI und Bootstrap

    In diesem Video demonstriert @CodeWithHarry, wie Sie mit News API und Bootstrap UI eine Business News Website erstellen können.
Zurück Weiter