/appwrite-instagram-clone

Creating instagram clone web by using nextjs and appwrite server

Primary LanguageJavaScriptMIT LicenseMIT

🔖 Instagram clone by using NextJS and Appwrite server

logo

Screenshot

screenshotsignup

screenshotlogin

screenshot home

🎬 Getting Started!

🤘 Install Appwrite

Follow our simple Installation Guide to get Appwrite up and running in no time. You can either deploy Appwrite on your local machine or, on any cloud provider of your choice.

Note: If you setup Appwrite on your local machine, you will need to create a public IP so that your hosted frontend can access it.

Database

screenshotPost Collection

screenshotPost Collection2

screenshot Post Collection3

Post Collection4

🚀 Deploy the Front End

You have two options to deploy the front-end and we will cover both of them here. In either case, you will need to fill in these environment variables that help your frontend connect to Appwrite.

  • REACT_APP_ENDPOINT - Your Appwrite endpoint
  • REACT_APP_PROJECT - Your Appwrite project ID
  • REACT_APP_COLLECTION_ID - Your Appwrite collection ID

Run locally

Follow these instructions to run the demo app locally

$ git clone https://github.com/Sooraj-s-98/appwrite-instagram-clone
$ cd appwrite-instagram-clone

Now fill your environment variables

image

Now run the following commands and you should be good to go 💪🏼

$ npm install
$ npm run dev

Thanks