An Instagram clone built with NextJS.

New things learned from this project

• Next Layouts
• Authentication with next-auth
• Modal routing

Current Features

• Select image, apply filter to it and upload with a caption.
• Comment on a post.
• Like or unlike a post.
• Save or unsave a post.
• Profile page displays your post, liked, and saved post.
• View other's profile, their follower and the users they follow.
• Follow or unfollow other users.
• View who follows you and whom you are following from your profile page.
• Like and comment counts of a post.
• Real-time updates of everything you do like following, commenting, or liking a post.
• Sign in with either Twitter or Google account.
• Search users by their profile name.
• Delete account along with all the associated data like your posts, comments, likes, and followers.
• Your post is public by default and can be viewed by any signed in user.

To be Implemented

• Edit profile details like username or profile image.
• Create or update bio.
• Chat functionality.
• Explore page contents.
• Notifications.
• Email sign-in.
• Replies to a comment.
• View who all liked your post and comments.
• Share post to other users via chat.
• Option to make a post private/make it public only to your followers.
• Edit comments and posts.

Learn About NextJs, You won't regret!

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

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

You can easily deploy your NextJs apps 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.