Build and Deploy Google + Lens Clone Next js 14, React, Uploadthing, RapidApi,TailwindCSS

preview_player
Показать описание


Key Features:

- 🔍 Google search (All Section).
- 🖼️ Images search.
- 🎥 Videos search.
- 📰 News Search.
- 📤 Image upload using uploadthing.
- 🌏 Search image using Google Lens API.
- 📤🔗Search image by uploading images and retrieving image URL.
- 🔗 Search image using your own image URL.
- 🌐 Display description using HTML-React-Parser.
- ⏯️ Play videos using React-Player.
- 🔮 Web theme using Next-themes
- 🎨 Beautiful design.
- ⚡ Blazing fast application.
- 📄 SSR (Server-Side Rendering).
- 🗺️ Grouped routes & layouts.
- 🚀 Deployment.

Time Stamps 👇
00:00:00 — Intro
00:04:33 — Project setup
00:26:46 — Home page
01:15:01 — Theme
01:40:23 — Project Setup
02:31:49 — Navigation
02:31:49 — Rapid API
02:39:53 — All Section
03:32:44 — Images Section
03:50:33 — News Section
03:58:21 — Videos Section
04:21:19 — Lens Model
04:23:11 — Uploadthing + styling
05:20:00 — Lens Page + Google Lens API
06:00:59 — Push project to Github + Deployment
  1. Benson Raro
  2. programming
  3. javascript
  4. tutorials
  5. node
  6. mongodb
Рекомендации по теме
Build and Deploy 1:36:46

Build and Deploy Google Search 2.0 with React & Tailwind CSS (simple!)

Build and Deploy 2:12:53

Build and Deploy a Google Maps Travel Companion Application | React.js

Build and Deploy 5:19:07

Build and Deploy a Full Stack Google Drive Clone with Next.js 15

How To Build 0:04:48

How To Build and Deploy Free Google App

Build and Deploy 4:57:58

Build and Deploy Full Stack AI GitHub SaaS | Next JS 15, Google Gemini AI, Assembly AI, Stripe

Build, tune, and 0:03:41

Build, tune, and deploy foundation models with Vertex AI

Deploy Python Applications 0:17:54

Deploy Python Applications - Google Cloud Run with Docker

Build and deploy 0:18:19

Build and deploy a MEAN app on Google Cloud

#EP2: Building a 2:15:01

#EP2: Building a DevOps tool to replace Github Actions

Build and deploy 0:40:38

Build and deploy generative AI agents using natural language with Vertex AI Agent Builder

CI/CD Pipeline with 0:24:32

CI/CD Pipeline with Cloud Build and Cloud Deploy for GKE Applications | Google Cloud Devops Project

Cloud Run and 0:00:44

Cloud Run and Cloud Deploy

Build and Deploy 3:19:01

Build and Deploy a Realtime Next.js App with Permissions and Notifications | TypeScript, Tailwind

How to Deploy 1:59:32

How to Deploy a Machine Learning Model to Google Cloud for 20% Software Engineers (CS329s tutorial)

Build and deploy 0:23:19

Build and deploy to Cloud Run using GitHub Action

Build and Deploy 4:29:41

Build and Deploy - Google meet/Omegle Clone

How to deploy 0:10:57

How to deploy Cloud Run services with GitHub Actions

Deploy to Google 0:09:54

Deploy to Google Play Store | FlutterFlow University

How I deploy 0:06:33

How I deploy serverless containers for free

Introducing Cloud Deploy 0:02:36

Introducing Cloud Deploy

Manually Deploy Docker 0:04:57

Manually Deploy Docker Image to Google Cloud Run | Tutorial

Build and deploy 0:17:53

Build and deploy a simple Flask application on Google Cloud Run - Part 1 - Deploy a Python service

How to deploy 0:43:16

How to deploy all the JavaScript frameworks to Cloud Run

Deploy Simple web 0:10:16

Deploy Simple web application on GCP VM

Комментарии
Автор

Brother in the project you deployed on vercel the google lens part is not working

prerak
Автор

quick question: what makes us to reach a level like you did here to code new product like this on our own?

shesparks