Building Google Clone App with React Js, Next Js, TypeScript, Tailwind CSS, NextAuth, React Icons, Vercel Hosting (mobile-friendly).
- Author
- Technologies
- Optimizations
- Contributing
- Status
- Features
- Inspiration
- Related Projects
- Support
- Feedback
- Run Locally
- Environment Variables
- Screenshots
- React Js
- Next Js
- TypeScript
- Tailwind CSS
- NextAuth
- React Icons
- Google Sign-In
- Github Sign-In
- Search for web and Images using Google API
- Pagination
- Loading Skeleton
- Next Js Image component
- Next Js file-system based routing
- Next Js Server-side rendering
- TypeScript
- Vercel Hosting
- React Server Components
Contributions are always welcome!
For support, email saddamarbaas@gmail.com.
If you have any feedback, please reach out to me at saddamarbaas@gmail.com
Twitter https://twitter.com/ArbaaSaddam/
Linkedin. https://www.linkedin.com/in/saddamarbaa/
Github https://github.com/saddamarbaa
Instagram https://www.instagram.com/saddam.dev/
Facebook https://www.facebook.com/saddam.arbaa
Clone the project
https://github.com/saddamarbaa/google-clone-app-nex-js-typescript
Go to the project directory
cd google-clone-app-nex-js-typescript
Install dependencies
npm install
Start the server
npm run dev
# or
yarn dev
-
To run this project, you will need the following environment variables to your .env.local
-
FIREBASE_GOOGLE_WEB_CLIENT_ID
-
FIREBASE_GOOGLE_WEB_CLIENT_SECRET
-
NEXT_AUTH_SECRET
-
NEXT_AUTH_URL
-
GOOGLE_API_KEY
-
GOOGLE_CONTEXT_KEY
-
GITHUB_ID
-
GITHUB_SECRET
get google API key from the following link https://console.cloud.google.com/apis/dashboard
get google Context key from the following link https://cse.google.com/create/new
Project is now complete in (React + TypeScript + Next.js) so my next step I would love to converted to (React + TypeScript + Next.js + Node.js + Express + MongoDB)
Build By Saddam Arbaa Project inspired by [Google] https://www.google.com/