Using Next.js 13 and OpenAI to Build a Joke Generator Website

Using Next.js 13 and OpenAI to Build a Joke Generator Website

Linode via YouTube Direct link

Introduction

1 of 27

1 of 27

Introduction

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Using Next.js 13 and OpenAI to Build a Joke Generator Website

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Introduction
  2. 2 Create New Project
  3. 3 Start YARN Dev
  4. 4 Install Yarn
  5. 5 VSCode TIp!
  6. 6 Create Custom Root
  7. 7 Generate Meta Description
  8. 8 Using Layout.js
  9. 9 Import Aliases
  10. 10 Create Footer
  11. 11 Create Navbar
  12. 12 Style Footer
  13. 13 Create Content
  14. 14 Create Slider
  15. 15 Install Carousel
  16. 16 Remove Unneeded Buttons
  17. 17 Adjust Width
  18. 18 Generate Jokes in JSON Format
  19. 19 Insert Jokes
  20. 20 Ensure Joke Insertion is Random
  21. 21 Import useEffect
  22. 22 Use Dangerously Set HTML
  23. 23 Add Class to Joke Div
  24. 24 Create Regenerate Button
  25. 25 Add Jokes JSON
  26. 26 Check Page
  27. 27 Conclusion

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.