https://github.com/anilsenay/nextjs-instagram-clone

This is a mobile responsive Instagram clone example but only homepage.
https://github.com/anilsenay/nextjs-instagram-clone

instagram instagram-clone next nextjs react reactjs tailwindcss

Last synced: 18 days ago
JSON representation

This is a mobile responsive Instagram clone example but only homepage.

• Host: GitHub
• URL: https://github.com/anilsenay/nextjs-instagram-clone
• Owner: anilsenay
• License: gpl-3.0
• Created: 2020-07-24T14:05:22.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T12:21:29.000Z (about 2 years ago)
• Last Synced: 2024-12-26T22:31:50.769Z (28 days ago)
• Topics: instagram, instagram-clone, next, nextjs, react, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://nextjs-instagram-clone.vercel.app/
• Size: 493 KB
• Stars: 20
• Watchers: 2
• Forks: 7
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

  

  

    

  





  Instagram Clone made with NextJs + TailwindCss





I made this project for learning NextJs. 

Demo: https://nextjs-instagram-clone.vercel.app/


What did I use?



  
 Next.Js 

  
 Next.Js API Routes 

  
 TailwindCss 

  
 Recoil Js 





  This is a mobile responsive instagram clone example but only homepage. I set up links for other pages but I did not design them. The data is static, but fetching from Next's API Routes. You can assume that it is a fake api. I was fetching data as JSON without use a real api but I wanted to make website ready to use with a backend. You can edit the content data from /static/example_data.js and api will fetch it.

  



  I used vercel.com to deploy project.

  



  Best thing of deploy with vercel like websites is that when you change anything, I mean push a new commit, it will be re-builded and deployed again. 

  





Mobile Screenshot: