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
Смотрите видео Next.js 15 X/Twitter Social Media App UI Design Tutorial | Next.js X/Twitter App Responsive Design онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Lama Dev 24 Декабрь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 7,347 раз и оно понравилось 395 людям.