digitl-alchemyst / google-shopping

This is a clone of the Google shopping app created in Next.js 13.4.8 with Tailwind CSS & Typescript. It uses OxyLabs Ecommerce Scrapper. It is built with Tremor Libraries & uses React Skeleton Loading while utilyzing Next.js Server Caching

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

      Tremor   Skeleton Loading

Project Demo

Demo Video

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

Build this project yourself

Build Tutorial by Papa React