Show HN: Discuzz – open-source Comment System

Show HN: Discuzz – open-source Comment System


Open source Comment System


Table of contents



  • Discuzz is an open source comment system, that you can embed in your website to increase reader engagement, grow audience and traffic.
  • Supporting Firestore as the data storage, with Realtime and Offline support. You can use Discuzz easily without any backend server.
  • With Firebase Auth support, you can provide many ways to authenticate for your users.
  • You can easily config the access control, to adjust permissions (Example: open to all people, or only authenticated users, or you can also turn on moderation mode for every comments)
  • Customizable theme, with built-in light/dark theme.

To suggest anything, please join our Discussion board.


You can embed Discuzz in many ways:

  • As a Web Component
  • As a React Component


You’d need to create a Firebase project, and add a web platform. It will give you the config parameters.


Web Component

You can embed Discuzz in your website with the following code


<script src="">script>
  service="--- PUT THE firebaseConfig HERE ---" 



<script src="">script>
  auths="['google', 'apple', 'facebook', 'github', 'twitter', 'microsoft', 'yahoo']"

React Component

Install dependencies

  1. Discuzz component
yarn add @discuzz/discuzz
  1. Comment Viewer and Comment Composer
yarn add @discuzz/viewer-plaintext @discuzz/composer-plaintext
  1. Locale
yarn add @discuzz/locale-en date-fns

Example component usage


import { Discuzz } from '@discuzz/discuzz'

const LocaleProviderEn = lazy(() => import('@discuzz/locale-en'))
const ComposerPlaintext = lazy(() => import('@discuzz/composer-plaintext'))
const ViewerPlaintext = lazy(() => import('@discuzz/viewer-plaintext'))

function App() {
  return (
    <Suspense fallback={<span>Loading...</span>}>
          apiKey: "AIzaSyDm837cbdbvkrAdYL9TAqUF3iML6UvZXk4",
          authDomain: "",
          projectId: "fire-talk-88",
          storageBucket: "",
          messagingSenderId: "719566664522",
          appId: "1:719566664522:web:e1a9d26be22387e55b47b3"

Join the pack! Join 8000+ others registered users, and get chat, make groups, post updates and make friends around the world!
Read More

Fill your life with experiences so you always have a great story to tellBio: About:

Related Articles

What’s recent in Emacs 28.1?

By Mickey Petersen It’s that time again: there’s a new major version of Emacs and, with it, a treasure trove of new features and changes.Notable features include the formal inclusion of native compilation, a technique that will greatly speed up your Emacs experience.A critical issue surrounding the use of ligatures also fixed; without it, you…

The Accepted Info to OAuth

I know what you are thinking, is this really another guide to OAuth 2.0? Well, yes and no. This guide is different than most of the others out there because it covers all of the ways that we actually use OAuth. It also covers all of the details you need to be an OAuth expert…

ToaruOS 2.0

ToaruOS has consumed the greater part of my life for the last eleven years. This release has been a long time coming: My first plans for a 64-bit, SMP-capable port of the OS date back to before the 1.0 release. The repository in which I built the new kernel was something I had already set…