Skip to content

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

Notifications You must be signed in to change notification settings

Digitl-Alchemyst/google-shopping

Repository files navigation


Google Logo

typing

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

Next.js badge   Typescript badge   Tailwind badge   Tremor Tremor badge   Skeleton Loading Loading Skeleton badge

    Project Demo

logo

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

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published