Next.js 15 X/Twitter Social Media App UI Design Tutorial | Next.js X/Twitter App Responsive Design
Next.js 15 React 19 X/Twitter social media app responsive design with Tailwind CSS. React Next.js responsive website project for beginners. Next.js App router, parallel routes, custom tailwind components, and more.
If it is valuable to you, you can join Lama Dev: / @lamadev
ImageKit’s forever free plan: https://bit.ly/LamaDev
ImageKit Docs: https://bit.ly/3VXRK7u
Source Code:
Start here: https://github.com/safak/x-clone-ui/t...
Completed: https://github.com/safak/x-clone-ui/t...
Join Lama Dev groups
X / Twitter: https://x.com/lamawebdev
Facebook: / lamadev
Instagram: / lamawebdev
Discord: / discord
00:00 Introduction
01:49: Next.js 15 Installation
07:13 Next.js Responsive Layout Tutorial
09:49 Tailwind Custom Responsive Layout Screens
23:20 Tailwind Custom Colors
25:42 Responsive Left Bar Design
38:55 Image Optimization with Image Kit
55:16 Next.js Social Media App Feed Component Design
58:13 Next.js Social Media App Post Component Design
01:14:05 Next.js Social Media App Share Component Design
01:18:51 Next.js Image Uploading
01:25:14 Next.js Uploading Files in the Server Action
01:30:47 Next.js How to Edit Images
01:51:12 Next.js Sensitive Image
01:52:28 How to Fetch File using Image Kit
01:59:25 Next.js Video Uploading
02:13:15 Responsive Right Bar Design
02:25:56 Next.js Social Media App Profile Page Design
02:38:21 Next.js 15 Parallel Routes Tutorial
02:50:33 Next.js Social Media App Post Page Design
03:03:36 Outro
Watch video Next.js 15 X/Twitter Social Media App UI Design Tutorial | Next.js X/Twitter App Responsive Design online without registration, duration hours minute second in high quality. This video was added by user Lama Dev 24 December 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 7,347 once and liked it 395 people.