This is a clone of the Google shopping app created in Next.js with Tailwind CSS & Typescript. It uses OxyLabs Ecommerce Scrapper. It is built with Tremor Libraries & uses React Skeleton Loading while utilizing Next.js Server Caching
Project Demo
Features
Envrioment
📟 Next.js 🎓 Typescript
🚀 Tailwind CSS
Libraries & Plugins
💎 OxyLabs E-Commerce Scrapper 📁 Tremor Library
💀 React Skeleton Loading
Project State
This project is completed. It is deployed to Vercel Platform and uses a 7-Day free trial of OxyLabs E-Commerce Scraper API that ends on December 27th, 2023 If you wish to demo this project after this date you must make a request. This is reserved for serious inquiries of employment or contracted services. The hosting on Vercel uses the free hobby tier which has a 10 second timeout on all server functions. The scrapping can take longer than this limit and can result in the triggering of this time out from Vercel.
How to use
Getting Started
Dependencies
Next.js 13.4.8
Tailwind CSS 3.3.2
Typescript 5.1.6
Tremor 3.4.1
React Skeleton Loading 3.1.1
Tailwind Scrollbar Hide 1.1.7
Heroicons 2.0.8
Install Dependencies
npm i
Start Dev Enviroment
npm run dev
The app will start on http://localhost:3000 in your browser.
Deploy
vercel
vercel --prod
Create an account with Oxylabs Oxylabs and activate the Google E-Commerce Scraper API trial Add Oxylabs username & password to .env.local file Deploy to Vercel Cancel Deploy after it starts Add your .env variables to Vercel in the project settings > enviroment variables Deploy to Vercel App is ready for testing in both local dev and production enviroments **Remember the 10 second time out with Vercel hobby account tier the $20 per month Pro tier will remedy this.
Special thanks to Sonny Sangha AKA Papa React an amazing tutor & invaluable resource to the developer community