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: github.com/hqasmei/platoio
- Demo: www.platoio.com/
- Upstash: upstash.com/
- Next.js 13.2: nextjs.org/blog/next-13-2
- Tailwind CSS Documentation: tailwindcss.com/docs/installa...
- Vercel: vercel.com/
👩‍💻 Connect
Github: github.com/hqasmei
Twitter: / hqasmei
LinkedIn: / 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

[@maskman4821]

This is a very useful and practical demo tutorial, than you so much 🙏👍🤩😍😘😀

[@girlsforstemusa970]

I am so exiting for this knowledge thank you for your unequaled knowledge

[@alicodes22]

Amazing video Hosna 💯 🔥

[@shafqathussain7728]

Waiting for your another video // next13

[@khizrerah3735]

Well, i liked your way of teaching, could you plzz do a data fetching with api routes handlers for posting updaing and deleting a content.

[@f4lc0ns3c]

Hi as usual good video and good vibes, by the way your name looks like an arabic name

[@bogdanandrei9803]

Hi! I've been looking at some of your videos and you're amazing! I just have one question, is it better to use react and express rather than just next? Or is it almost the same

[@hqasmei]

Thanks I appreciate it!
I think it depends on what you're working on. I used the React and Express stack for front-end and back-end at my last job.
I started using Next.js a few months ago and fell in love with it. The transition wasn't too bad. There was a little bit of a learning curve. I personally like the ease and structure of Next.js more.

[@jezza9774]

Really enjoying the style of your videos Hosna! 😊 I’ve only learned the basics of python, what other programming languages do you use?
Keep up the awesome content! ✌️

[@hqasmei]

Thanks! Currently using TypeScript for building web apps.
Favorite language in general is Python. Great first language to learn.

[@jezza9774]

@@hqasmei awesome! I’ll definitely learn more python . Typescript video soon? 🤔