Build and Deploy a NextJS Full-Stack Social Media App { Twiddle App }.
Programming Fluency 🧑💻
0:00 / 0:00
Build and Deploy a NextJS Full-Stack Social Media App { Twiddle App }.
9 204 просмотра · 1 год назад
Programming Fluency 🧑💻
1,56 тыс. подписчиков
9 204 просмотра · 1 год назад
Build and Deploy a Twitter Clone using Next JS, React, TailwindCSS, Typescript, Clerk, MongoDB. { Full-Stack Practical NextJS course }.
What You’ll Learn:
Full-stack development using Next.js, React., and more.
Authentication: Secure user login and registration.
Database Management: Store and manage user data and tweets.
Tweet Features: Liking, retweeting, replying, and creating tweets.
Group Management: Create and manage social groups.
Responsive Design: Ensure your app looks great on all devices.
UI Design: Learn how to use Figma to create beautiful user interfaces.
You'll not only write clean, reusable code but also implement advanced features like notifications, tweeting, commenting on tweets, pagination, and a search functionality. Each section dives deep into practical aspects, from setting up the project to deploying it live!
Give this video a Like 👍👍 and Subscribe to the channel.
📦 Tools I Recommend (Even If Not Used in This Video):👇👇
🧠 PrismaPostgres → https://www.prisma.io/?via=programmin...
Materials and References:👇
GitHub Repository (give it a star ⭐) https://github.com/Programming-Fluenc...
💻 Join our Discord Community: / discord
🤝 Business Inquiries: noor.h.fakhry@gmail.com
Course Sections: 👇
00:00:00 - Intro
00:02:25 - A look at the final version of Twiddle
00:14:14 - Initializing a Git repository
00:18:19 - What is a Design Document
00:20:36 - The Design Document of Twiddle
00:23:47 - Creating the UI Design
01:17:27 - Project Setup
01:30:25 - Authentication
02:04:43 - Layout and UI Foundation
2:33:32 - Building Navigation Components
3:08:18 - User Models and Actions
3:57:48 - Onboarding and Account Management
4:55:27 - Sidebar and User Cards
5:33:09 - Tweet Feature
6:02:42 - Groups Feature
6:46:51 - Group Components
7:05:35 - Home page and Tweet Actions
8:17:10 - User Profile Feature
8:43:59: - Edit Profile and Groups Pages
8:55:02 - Replies and Comments
9:10:35 - Notifications and Search
9:24:56 - Outro