Google Clone with Custom Search and OAuth 2

With Next.js and tailwindcss

• View Live Demo google-next-alexpaden.vercel.app/.
• Tutorial on NVM for mac (node version manager) install-nvm-macos-with-homebrew/
• The URL location to retrieve necessary API keys are saved in the .env.example file .env.example

Getting Started

First, run the development server:

Clone the repository from https://github.com/alexpaden/google-next.git

Run local dev environment

cd Google
cp .env.example .env

+ add google oauth URIs localhost:3000
+ add google oauth redirect URIs localhost:3000/api/auth/callback/google

yarn install
yarn dev

Open http://localhost:3000 with your browser to see the result.

Run from Dockerfile

cd Google
cp .env.example .env (or via cloud host)

+ add google oauth URIs localhost:3000
+ add google oauth redirect URIs localhost:3000/api/auth/callback/google

docker build -t google-next .
docker run -p 3000:3000 google-next

Open http://localhost:3000 with your browser to see the result.

Deploy on https://vercel.com/

clone repository
deploy to vercel
add api keys
add oauth "custom".vercel.app URIs
add oauth "custom".vercel.app redirect URIs 
"custom".vercel.app/api/auth/callback/google

Open the vercel.app url with your browser to see the result. https://google-next-alexpaden.vercel.app/.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.
• CONTEXT_KEY=
• API_KEY=
• GOOGLE_CLIENT_ID=
• GOOGLE_CLIENT_SECRET=

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!