Discord Clone Using Next.js and Tailwind - Part 3: Channel List

1

This Person Does Not Exist

#Design Tools #AI #Website Design 1046 social mentions

2

Tailwind CSS

Welcome to our series about building a Discord clone using Next.js and TailwindCSS. In the previous posts, we covered setting up the project and adding the server list. This one will tackle the channel list that will look like this:.

#Developer Tools #Design Tools #Website Design 867 social mentions

3

Next.js

Welcome to our series about building a Discord clone using Next.js and TailwindCSS. In the previous posts, we covered setting up the project and adding the server list. This one will tackle the channel list that will look like this:.

#Developer Tools #Web Frameworks #JavaScript Framework 919 social mentions

4

Heroicons

We start with the toggle button. We want icons for this that we get from heroicons. Let’s create a new file in the ChannelList folder called Icons.tsx and paste the code for the icons here to have a solid separation:.

#Web Icons #Vector Icons #Icon Fonts 66 social mentions

5

Discord

Welcome to our series about building a Discord clone using Next.js and TailwindCSS. In the previous posts, we covered setting up the project and adding the server list. This one will tackle the channel list that will look like this:.

#Communication #Group Chat & Notifications #Messaging 122 social mentions