Discord Clone Using Next.js and Tailwind - Part 1: Project setup

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • discord-clone-nextjs

    Building a discord clone using NextJS, TailwindCSS, and the Stream Chat and Audio and Video SDKs.

  • In the meantime, feel free to check the Github repo to see the full code (and give it a ⭐️ while you’re at it). Thanks for following this tutorial, and see you for part two where we will cover UI for servers and channels.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • This marks the end of the first part of this series. We managed to set up a brand new project using Next.js and TailwindCSS. To complete our modern setup we have added Stream Chat and initialized the SDK properly.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • Next.js

    The React Framework

  • This marks the end of the first part of this series. We managed to set up a brand new project using Next.js and TailwindCSS. To complete our modern setup we have added Stream Chat and initialized the SDK properly.

  • customdiscordrpc

    Customizable Discord Rich Presence Client for Windows.

  • Discord is a great example of an enabling platform. After getting started in the gaming industry, it has expanded to other areas as well. Its core value is connecting people and allowing them to hang out, chat, talk, have video conferences, share their screens, and more.

  • Visual Studio Code

    Visual Studio Code

  • With that, the project is configured for us, and we can open up our editor (in our case VSCode).

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

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

    6 projects | dev.to | 6 Feb 2024
  • From Messy to Memorable: Shorten Your Links, Boost Your Brand

    7 projects | dev.to | 22 Feb 2024
  • Youtube Script Generator [Refine Hackathon]

    5 projects | dev.to | 8 Jul 2023
  • Next.js Weekly #14: Faster Dev Server, Platform Starter Kit v2, Misconceptions about Client Components [👇 all news in comments]

    4 projects | /r/nextjs | 6 Jul 2023
  • Noul meu site portofoliu, în React + Laravel

    5 projects | /r/programare | 1 Jul 2023