Build and Deploy a Quote Generator with Next.js 13.2, Upstash Redis, Tailwind CSS and Vercel

Want to learn how to make a quote generator web application? Look no further! In this tutorial, we’ll be diving into how to scrape data off of a website using Python and Google Colab. As well as using Next.js 13.2, Upstash Redis, Tailwind CSS, and Vercel to create a fully functional quote generator that you can use to motivate yourself or your website visitors with the wisdom of the great philosopher Plato.

Whether you’re a fan of Plato or just looking to add some functionality to your website, this tutorial is perfect for anyone looking to create a quote generator.

📚 Resources
– GitHub Repo: https://github.com/hqasmei/platoio
– Demo: https://www.platoio.com/
– Upstash: https://upstash.com/
– Next.js 13.2: https://nextjs.org/blog/next-13-2
– Tailwind CSS Documentation: https://tailwindcss.com/docs/installation
– Vercel: https://vercel.com/

👩‍💻 Connect
Github: https://github.com/hqasmei
Twitter: https://twitter.com/hqasmei
LinkedIn: https://www.linkedin.com/in/hosnaqasmei/

⌛ Timestamps
00:00 Introduction
01:11 Setup
02:13 Scrape Data
06:51 Store Data
09:10 Finishing Setting Up Project
09:44 Project Breakdown
13:50 Deploy
15:45 End