instagram clone with nextjs typescript and tailwind CSS

Overview

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

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

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

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

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

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

You might also like...
An instagram clone created with the MERN stack
An instagram clone created with the MERN stack

Instaclone An instagram clone created with MongoDB, Express, React, and Socket.io Have a look at the live demo Tech Frontend: React State management:

 İnstagram Clone.You can sign in, sign up, upload image, make comment 📷 Used ReactJS, Material UI, Firebase, Firestore Database
İnstagram Clone.You can sign in, sign up, upload image, make comment 📷 Used ReactJS, Material UI, Firebase, Firestore Database

İnstagram Clone.You can sign in, sign up, upload image, make comment 📷 Used ReactJS, Material UI, Firebase, Firestore Database

 İnstagram Clone.You can sign in, sign up, upload image, make comment 📷 Used ReactJS, Material UI, Firebase, Firestore Database
İnstagram Clone.You can sign in, sign up, upload image, make comment 📷 Used ReactJS, Material UI, Firebase, Firestore Database

🟡 instagram-clone This is a instagram clone. You can sign in, sign up, upload image, make comment 📷 ⚡ LIVE To check out the live demo of this app AB

📷 Instagram Clone with React, React Native, NodeJS, Apollo, GraphQL, PostgreSQL, Prisma

📷 Instagram Clone with React, React Native, NodeJS, Apollo, GraphQL, PostgreSQL, Prisma

Giggle ⚡ (Google Search Clone) using React and Tailwind CSS

Search for up-to-date results, news, images,and videos.Built a fully responsive modern UI with integrated Dark mode using React and Tailwind CSS. Implemented Dynamic Routing using react-router-dom. Used useDebounce hook for debouncing fast changing search value. Deployed on Netlify.

A Responsive 'Google Search Clone' made with React JS and Tailwind CSS, using a Google Search API
A Responsive 'Google Search Clone' made with React JS and Tailwind CSS, using a Google Search API

Goggles has the ability to search for up to the minute results, latest images, current live news and recent videos.

A clone of Linear app made with React & Tailwind CSS
A clone of Linear app made with React & Tailwind CSS

A Linear App clone with React and Tailwind CSS

Google Docs Clone created with Next.JS, Firebase, Tailwind CSS
Google Docs Clone created with Next.JS, Firebase, Tailwind CSS

Google Docs Clone created with Next.JS, Firebase, Tailwind CSS

Full Stack TikTok Clone with REACT.JS! (Next.js, Tailwind CSS, Video Uploading, Google  Authentication, Tik-Tok Profile)
Full Stack TikTok Clone with REACT.JS! (Next.js, Tailwind CSS, Video Uploading, Google Authentication, Tik-Tok Profile)

TikTok Clone with REACT.JS! Full Stack TikTok Clone with REACT.JS! (Next.js, Tailwind CSS, Video Uploading, Google Authentication, Tik-Tok Profile) Vi

Owner
Hafizh Maulana Y
Just an ordinary programmer who wants to change the world like his dream!
Hafizh Maulana Y
An Instagram clone made using Tailwind CSS, Firebase, and React

Instagram Clone An Instagram clone made using React, Firebase, Tailwind, and more. Usage Clone/Download the repo Run yarn install to install all the d

App Clones 8 Dec 28, 2021
Creating instagram clone web by using nextjs and appwrite server

Creating instagram clone web by using nextjs and appwrite server

Sooraj S 16 Oct 23, 2022
This is a clone of Instagram built with NextJS, TailwindCSS, NextAuthJS and Firebase

Instagram This is a clone of instagram built with: This application is completely functional and responsive. Users can Sign in straightaway with Googl

Nutifafa Afi Attor 13 Sep 2, 2022
Building Instagram from Scratch Using React, Tailwind CSS, Firebase

Building Instagram from Scratch Using React, Tailwind CSS, Firebase ?? Extended paid version he

Karl Hadwen 705 Jan 9, 2023
Instagram 2.0 with REACT.JS! (Next.js, Tailwind CSS, Firebase v9, NextAuth, Recoil)

Instagram 2.0 Clone With ReactJs! ?? LIVE DEMO PREREQUISITES: Sign up for a Firebase account HERE Install Node JS in your computer HERE This project w

Sashen Jayathilaka 47 Jan 4, 2023
Amazon Clone Template Built With NextJs, Tailwind CSS And Redux

Amazon Clone Template Built With React, Tailwind CSS And Redux

null 20 Dec 28, 2022
Edgy - is a social media marketing agency that offers Instagram growth services and is built with React and Tailwind

Edgy - is a social media marketing agency that offers Instagram growth services and is built with React and Tailwind

Ekaterine (Catherine) Mitagvaria 8 Aug 6, 2022
React-wordle - A fun Wordle clone made using React, Typescript, and Tailwind CSS

React Wordle This is a clone project of the popular word guessing game we all kn

Chase Wackerfuss 2.4k Dec 31, 2022
Instagram MERN - Full-Stack Instgram Clone using MERN Stack and Socket.io

Instagram MERN Full-Stack Instgram Clone using MERN Stack and Socket.io Visit Now ?? ??️ Tech Stack Frontend: Backend: Realtime Communication: Cloud S

Jigar Sable 327 Jan 4, 2023
An Instagram Clone with Firebase and React JS

An Instgram Clone made up with React JS and Firebase 9.

Sahil Verma 6 Nov 7, 2022