This project is a UI slice of the latest version of Instagram (2024) with a focus on the home page. While not all Instagram features are sliced, the layout and elements provided have been implemented in a fully responsive manner, ensuring optimal display across devices.
If you are looking to create an Instagram clone, this project can be a very useful starting point. You only need to adjust the layout to your needs, and for those familiar with Next.js, this implementation will be very easy to understand and integrate.
I am pleased to present a preview of the latest UI project inspired by Instagram version 2024. This project showcases the design and elements of the Instagram homepage sliced in detail, although not all Instagram features are covered.
- Home Page Design: Enjoy the new look and feel of the Instagram homepage.
- Fully Responsive: Display content responsively across screen sizes, from desktop to mobile devices.
Click the link below to visit the preview site and see how Instagram's latest design is implemented in this project:
git clone https://github.com/weiwei2694/nextjs15-instagram.git
cd nextjs15-instagram
npm install
yarn install
pnpm install
bun install
| Command | Description |
|---|---|
npm run dev |
Starts a development instance of the app |
npm run build |
Builds the app for production |
npm run start |
Starts the app in production mode |