https://github.com/salimi-my/instagram-clone
This is instagram clone created using Nextjs, Firebase, Recoil, Tailwind and NextAuthjs
https://github.com/salimi-my/instagram-clone
firestore-database instagram-clone nextauthjs nextjs tailwindcss
Last synced: 8 months ago
JSON representation
This is instagram clone created using Nextjs, Firebase, Recoil, Tailwind and NextAuthjs
- Host: GitHub
- URL: https://github.com/salimi-my/instagram-clone
- Owner: salimi-my
- Created: 2022-11-11T11:13:02.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-12-19T07:00:44.000Z (11 months ago)
- Last Synced: 2025-03-20T18:06:59.560Z (8 months ago)
- Topics: firestore-database, instagram-clone, nextauthjs, nextjs, tailwindcss
- Language: TypeScript
- Homepage: https://instakilo.salimi.my
- Size: 4.38 MB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [Instakilo](https://instakilo.salimi.my) · [](https://www.linkedin.com/in/mohamad-salimi/)
This is Instagram clone created using Next.js for educational purposes. User can login using Google login API, make posts with images, like posts and comment on posts.
## Exact copy of Instagram UI
- This is a clone of Instagram app
- Login using NextAuth.js through Google login API
- Realtime database using Firebase
- NextJS Server-side Rendering
- Hosted in Vercel
## Tech/framework used
- Next.js
- NextAuth.js
- Tailwind CSS
- Tailwind UI
- Firebase
- Recoil
- Vercel
## Starting the project
Open the [.env.local.example](/.env.local.example) and fill in your Firebase Configurations & NextAuth Configurations then save it as .env.local the run the following command:
```bash
npm run dev
# or
yarn run dev
```
## Demo
The app hosted on Vercel. [Click here](https://instakilo.salimi.my) to visit.
Direct link: `https://instakilo.salimi.my`
## Screenshots
#### Login
#### Feed
#### Menu
#### Create new post
