Nextjs15 Instagram
Instagram UI: NEXT.js14, Shadcn/UI, Tailwind CSS
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.
Check Out Instagram UI Project Preview 2024
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.
What can you see:
- 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.
Access Preview:
Click the link below to visit the preview site and see how Instagram's latest design is implemented in this project:
Cloning the repository
git clone https://github.com/weiwei2694/nextjs15-instagram.git
cd nextjs15-instagram
Install packages
npm install
yarn install
pnpm install
bun install
Available commands
| 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 |
