Instagram UI home clone with tailwindCSS and Nextjs (all articles)
In this tutorial series we are going to create this Instagram post. There are two posts and also the the mini profile the suggestions. Inside each post, you can see the number of likes, the captions, the comments and also the input box. We will start from the Instagram header. We already created this project and you can start with Instagram header and tooltip project.
React NextJS Instagram feeds UI with TailWind CSS Part 1 — adjust the style of header and building…
React NextJS Instagram feeds UI with TailWind CSS Part 2 — Copy the stories
React NextJS Instagram feeds UI with TailWind CSS Part 3 — Create Post and Posts component, add the…
React NextJS Instagram feeds UI with TailWind CSS Part 4 — Add the image and icons group
React NextJS Instagram feeds UI with TailWind CSS Part 5 — number of likes caption and comments
React NextJS Instagram feeds UI with TailWind CSS Part 6- comment and input box
React NextJS Instagram feeds UI with TailWind CSS Part 7- Create MiniProfile component
React NextJS Instagram feeds UI with TailWind CSS Part 8- Create Suggestion component
If you liked this story, you might also like a Medium membership. It’s only $5 a month (a price of a cup of coffee!) but it will give you unlimited access to stories while supporting your favorite writers. If you sign up using this link, I’ll earn a small commission. Thanks!