Build A Twitter Sidebar using Next.js 14, React, shadcn/ui, and Tailwind CSS
Hello, my friends and fellow developers!
In this video, we cover how you can build a Twitter Sidebar using Next.js 14 app router, React, shadcn/ui, and Tailwind CSS!
Let me know in the comments below if you want more Next.js content or something else.
GitHub Repo: https://github.com/max-programming/sh...
Next part: • Build A Responsive Sidebar using Next...
Timestamps:
00:00 - Intro & Sidebar Demo
00:36 - Create Next App
01:18 - Setup shadcn/ui and theme
02:53 - Home Page & darkmode
04:08 - Adding components from shadcn/ui
05:30 - Sidebar component
09:34 - Sidebar Button component
17:03 - Adding sidebar links
19:42 - Use Link component for navigation
20:17 - Fix a bug caused by client-server components
22:28 - Adding all sidebar links
25:10 - Adding additional sidebar items
28:05 - Sidebar footer with popover
33:22 - Adding page with dynamic routes
35:15 - Highlighting active link in sidebar
36:13 - Conclusion
Other Tutorials:
⚛️ React and Material UI Todo App: https://bit.ly/reactmattodo
🟨 Other JavaScript videos: https://bit.ly/jstutorials
📘 Visual Studio Code videos: https://bit.ly/vscodevids
🔋 Build a Battery App in JS: • 🔋 Build a Battery Info app with JavaS...
Connect 🔗 :
Twitter: / maxprogramming1
Facebook: / max-programming-103081931147293
Github: https://github.com/max-programming/
Suggest, ask doubts in the comments, and share these videos to help!
Thanks for Watching!
#nextjs14 #reactjs #javascript
Watch video Build A Twitter Sidebar using Next.js 14, React, shadcn/ui, and Tailwind CSS online without registration, duration hours minute second in high quality. This video was added by user Max Programming 28 February 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 9,803 once and liked it 225 people.