diff --git a/packages/docusaurus-commenting-system/README.md b/packages/docusaurus-commenting-system/README.md
new file mode 100644
index 00000000..c9a1ea58
--- /dev/null
+++ b/packages/docusaurus-commenting-system/README.md
@@ -0,0 +1,117 @@
+# Docusaurus commenting system plugin
+
+The Docusaurus Commenting System plugin allows to add a realtime commenting system to your Docusaurus project. It uses Supabase as a backend and GitHub as an authentication provider.
+
+## Installation
+
+### Supabase setup
+
+1. Create a Supabase project.
+2. Activate the GitHub authentication provider (Authentification > Providers).
+3. In the SQL Editor, run the following queries:
+
+   - To create the `profiles` table:
+
+   ```sql
+   create table
+     public.profiles (
+       id uuid not null,
+       user_name text null,
+       constraint profiles_pkey primary key (id),
+       constraint profiles_id_fkey foreign key (id) references auth.users (id) on delete cascade
+     ) tablespace pg_default;
+   ```
+
+   - To create the `comments` table:
+
+   ```sql
+   create table
+     public.comments (
+       id bigint generated by default as identity,
+       created_at timestamp without time zone not null default now(),
+       text text not null,
+       page_path text not null,
+       author_id uuid not null default auth.uid (),
+       constraint comment_pkey primary key (id),
+       constraint comment_id_key unique (id),
+       constraint comments_author_id_fkey foreign key (author_id) references profiles (id)
+     ) tablespace pg_default;
+   ```
+
+   - To create a function and a trigger to automatically fill the `profiles` table when a new user authenticates with GitHub for the first time:
+
+   ```sql
+   -- inserts a row into public.profiles
+   create function public.handle_new_user()
+   returns trigger
+   language plpgsql
+   security definer set search_path = public
+   as $$
+   begin
+     insert into public.profiles (id, user_name)
+     values (new.id, new.raw_user_meta_data ->> 'user_name');
+     return new;
+   end;
+
+
+   $$;
+
+   -- trigger the function every time a user is created
+   create trigger on_auth_user_created
+     after insert on auth.users
+     for each row execute procedure public.handle_new_user();
+
+   ```
+
+4. Activate Realtime on the `comments` table.
+5. Go to Database > Schema Visualizer and make sure that your database schema looks like this:
+   ![Supabase database schema](https://iili.io/JRKk0v9.png)
+6. Please consider adding RLS (Row Level Security) policies to your tables. You should allow only authenticated users to INSERT on the `comments` table and you can add public read access to the `profiles` and `comments` tables.
+
+### Docusaurus setup
+
+1. Add the plugin to your Docusaurus project: `yarn add @acid-info/docusaurus-commenting-system`.
+2. Add the plugin to your `docusaurus.config.js` file:
+
+```js
+const config = {
+  // other config fields...,
+  plugins: [
+    // other plugins...,
+    [
+      '@acid-info/docusaurus-commenting-system',
+      {
+        supabaseUrl: process.env.SUPABASE_URL,
+        supabaseAnonKey: process.env.SUPABASE_ANON_KEY,
+      },
+    ],
+  ],
+}
+```
+
+3. Create a `.env` file at the root of your project and add the following environment variables. They are your Supabase Project URL and Supabase Public API Key, never put a secret key here.
+
+```
+SUPABASE_URL=https://example.supabase.co
+SUPABASE_ANON_KEY=example.anon.key
+```
+
+4. Add the `CommentingSystem` component to your pages. Here is an example in a mdx docs page:
+
+```mdx
+## // docs/example.mdx
+
+## title: Example
+
+import { CommentingSystem } from '@acid-info/docusaurus-commenting-system/lib/client/'
+
+# Example doc page
+
+This is an example doc page with the commenting system at the bottom of it.
+
+# Comments section
+
+<CommentingSystem />
+```
+
+`N.B.:` The commenting section is unique to each individual page URL. This means that the comments you see on one page are specific to that page only and are not shared or displayed on other pages. Each page has its own separate set of comments.
diff --git a/packages/docusaurus-commenting-system/package.json b/packages/docusaurus-commenting-system/package.json
new file mode 100644
index 00000000..a8ddd26e
--- /dev/null
+++ b/packages/docusaurus-commenting-system/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "@acid-info/docusaurus-commenting-system",
+  "version": "1.0.0-alpha",
+  "description": "Docusaurus docs commenting system plugin",
+  "main": "lib/index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/acid-info/logos-docusaurus-plugins.git",
+    "directory": "packages/docusaurus-commenting-system"
+  },
+  "scripts": {
+    "build": "tsc --build && node scripts/copy-scss.js",
+    "watch": "tsc --build --watch",
+    "prepublishOnly": "yarn build"
+  },
+  "dependencies": {
+    "@acid-info/lsd-react": "^0.1.0-beta.1",
+    "@docusaurus/types": "^3.0.1",
+    "@supabase/supabase-js": "^2.39.1",
+    "date-fns": "^3.0.6",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "devDependencies": {
+    "copyfiles": "^2.4.1",
+    "css-loader": "^6.8.1",
+    "sass": "^1.69.5",
+    "sass-loader": "^13.3.2",
+    "style-loader": "^3.3.3"
+  },
+  "license": "MIT"
+}
diff --git a/packages/docusaurus-commenting-system/scripts/copy-scss.js b/packages/docusaurus-commenting-system/scripts/copy-scss.js
new file mode 100644
index 00000000..328a92f6
--- /dev/null
+++ b/packages/docusaurus-commenting-system/scripts/copy-scss.js
@@ -0,0 +1,37 @@
+const fs = require('fs')
+const path = require('path')
+const copyfiles = require('copyfiles')
+
+function copySCSS(srcDir, destDir) {
+  fs.readdir(srcDir, { withFileTypes: true }, (err, entries) => {
+    if (err) {
+      console.error(err)
+      return
+    }
+
+    entries.forEach((entry) => {
+      const srcPath = path.join(srcDir, entry.name)
+      const destPath = path.join(destDir, entry.name)
+
+      if (entry.isDirectory()) {
+        // Recursive call for directories
+        copySCSS(srcPath, destPath)
+      } else if (path.extname(entry.name) === '.scss') {
+        // Copying .scss files
+        copyfiles([srcPath, path.dirname(destPath)], { up: true }, (err) => {
+          if (err) console.error(err)
+        })
+      }
+    })
+  })
+}
+
+const srcClientPath = path.join(__dirname, '../src/client')
+const libClientPath = path.join(__dirname, '../lib/client')
+
+// Ensure the destination directory exists
+if (!fs.existsSync(libClientPath)) {
+  fs.mkdirSync(libClientPath, { recursive: true })
+}
+
+copySCSS(srcClientPath, libClientPath)
diff --git a/packages/docusaurus-commenting-system/src/client/components/Comment/Comment.module.scss b/packages/docusaurus-commenting-system/src/client/components/Comment/Comment.module.scss
new file mode 100644
index 00000000..6182e512
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/client/components/Comment/Comment.module.scss
@@ -0,0 +1,18 @@
+.commentHeader {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 0.3rem;
+
+  .username {
+    font-weight: bold;
+  }
+
+  .date {
+    font-weight: lighter;
+  }
+}
+
+.commentText {
+  white-space: pre-line;
+}
diff --git a/packages/docusaurus-commenting-system/src/client/components/Comment/Comment.tsx b/packages/docusaurus-commenting-system/src/client/components/Comment/Comment.tsx
new file mode 100644
index 00000000..05b6800b
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/client/components/Comment/Comment.tsx
@@ -0,0 +1,25 @@
+import React from 'react'
+import { CardBody } from '@acid-info/lsd-react'
+import styles from './Comment.module.scss'
+
+export type CommentProps = {
+  username: string
+  comment: string
+  date: string
+}
+
+export const Comment: React.FC<CommentProps> = ({
+  username,
+  comment,
+  date,
+}) => {
+  return (
+    <CardBody>
+      <div className={styles.commentHeader}>
+        <span className={styles.username}>{username}</span>
+        <span className={styles.date}>{date}</span>
+      </div>
+      <div className={styles.commentText}>{comment}</div>
+    </CardBody>
+  )
+}
diff --git a/packages/docusaurus-commenting-system/src/client/components/Comment/index.ts b/packages/docusaurus-commenting-system/src/client/components/Comment/index.ts
new file mode 100644
index 00000000..85a5c820
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/client/components/Comment/index.ts
@@ -0,0 +1 @@
+export * from './Comment'
diff --git a/packages/docusaurus-commenting-system/src/client/components/WriteComment/WriteComment.module.scss b/packages/docusaurus-commenting-system/src/client/components/WriteComment/WriteComment.module.scss
new file mode 100644
index 00000000..93e8269e
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/client/components/WriteComment/WriteComment.module.scss
@@ -0,0 +1,36 @@
+.textarea {
+  width: 100%;
+  min-width: 100%;
+  max-width: 100%;
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+}
+
+.actionContainer {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 0.5rem;
+}
+
+.githubBtnLabel {
+  display: flex;
+  column-gap: 5px;
+  align-items: center;
+  justify-content: center;
+
+  &::before {
+    content: '';
+    width: 16px;
+    height: 16px;
+    display: flex;
+    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+      no-repeat;
+  }
+
+  html[data-theme='dark'] &::before {
+    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+      no-repeat;
+  }
+}
diff --git a/packages/docusaurus-commenting-system/src/client/components/WriteComment/WriteComment.tsx b/packages/docusaurus-commenting-system/src/client/components/WriteComment/WriteComment.tsx
new file mode 100644
index 00000000..5b95f33a
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/client/components/WriteComment/WriteComment.tsx
@@ -0,0 +1,49 @@
+import React, { useState } from 'react'
+import { CardBody, Button } from '@acid-info/lsd-react'
+import styles from './WriteComment.module.scss'
+
+export type WriteCommentProps = {
+  handleSend: (comment: string) => void
+  handleSignIn: () => void
+  isSignedIn?: boolean
+}
+
+export const WriteComment: React.FC<WriteCommentProps> = ({
+  handleSend,
+  handleSignIn,
+  isSignedIn = false,
+}) => {
+  const [comment, setComment] = useState('')
+
+  const onSendClick = () => {
+    const commentToSend = comment.trim()
+    if (commentToSend) {
+      handleSend(commentToSend)
+      setComment('')
+    }
+  }
+
+  return (
+    <CardBody>
+      <textarea
+        className={styles.textarea}
+        placeholder={isSignedIn ? 'Write a comment...' : 'Sign in to comment'}
+        disabled={!isSignedIn}
+        rows={4}
+        value={comment}
+        onChange={(e) => setComment(e.target.value)}
+      />
+      <div className={styles.actionContainer}>
+        <Button
+          size="small"
+          onClick={isSignedIn ? onSendClick : handleSignIn}
+          disabled={isSignedIn && comment.length === 0}
+        >
+          <span className={!isSignedIn && styles.githubBtnLabel}>
+            {isSignedIn ? 'Send' : 'Sign In with GitHub'}
+          </span>
+        </Button>
+      </div>
+    </CardBody>
+  )
+}
diff --git a/packages/docusaurus-commenting-system/src/client/components/WriteComment/index.ts b/packages/docusaurus-commenting-system/src/client/components/WriteComment/index.ts
new file mode 100644
index 00000000..5fbece63
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/client/components/WriteComment/index.ts
@@ -0,0 +1 @@
+export * from './WriteComment'
diff --git a/packages/docusaurus-commenting-system/src/client/containers/CommentingSection/CommentingSection.module.scss b/packages/docusaurus-commenting-system/src/client/containers/CommentingSection/CommentingSection.module.scss
new file mode 100644
index 00000000..396530c3
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/client/containers/CommentingSection/CommentingSection.module.scss
@@ -0,0 +1,6 @@
+.commentsContainer {
+  display: flex;
+  flex-direction: column;
+  row-gap: 1rem;
+  margin-top: 2rem;
+}
diff --git a/packages/docusaurus-commenting-system/src/client/containers/CommentingSection/CommentingSection.tsx b/packages/docusaurus-commenting-system/src/client/containers/CommentingSection/CommentingSection.tsx
new file mode 100644
index 00000000..2d1e3e13
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/client/containers/CommentingSection/CommentingSection.tsx
@@ -0,0 +1,129 @@
+import React, { useEffect, useState } from 'react'
+import { useLocation } from 'react-router-dom'
+import { parseISO, format } from 'date-fns'
+import { Comment } from '../../components/Comment'
+import { WriteComment } from '../../components/WriteComment'
+import { signInWithGitHub, getUserData } from '../../../server/auth'
+import {
+  postOneComment,
+  fetchComments,
+  fetchOneComment,
+  subscribeToCommentsInsert,
+  type CommentWithProfile,
+} from '../../../server/comments'
+import styles from './CommentingSection.module.scss'
+
+type CommentData = {
+  id: number
+  username: string
+  comment: string
+  date: string
+}
+
+export const CommentingSection: React.FC = () => {
+  const location = useLocation()
+  const [isSignedIn, setIsSignedIn] = useState<boolean>(false)
+  const [commentsList, setCommentsList] = useState<CommentData[]>([])
+
+  const convertDateFormat = (inputDate: string): string => {
+    const date = parseISO(inputDate)
+    return format(date, 'MMM d, yyyy')
+  }
+
+  const getFormattedPath = (): string => {
+    const path = location.pathname
+    // Remove trailing slash if it exists
+    const formattedPagePath = path.endsWith('/') ? path.slice(0, -1) : path
+    return formattedPagePath
+  }
+
+  const checkUserSignedIn = async () => {
+    const data = await getUserData()
+    if (data) {
+      setIsSignedIn(true)
+    } else {
+      setIsSignedIn(false)
+    }
+  }
+
+  const fetchCommentsList = async () => {
+    const data = await fetchComments(getFormattedPath())
+    setCommentsList(
+      data.map((commentFromDB: CommentWithProfile) => ({
+        id: commentFromDB.id,
+        username: commentFromDB.profiles.user_name,
+        comment: commentFromDB.text,
+        date: convertDateFormat(commentFromDB.created_at),
+      })),
+    )
+  }
+
+  const subscribeToNewComments = () => {
+    const unsubscibe = subscribeToCommentsInsert(async (payload) => {
+      const newCommentId = payload?.new?.id
+      if (!newCommentId) return
+
+      const newComment = await fetchOneComment(newCommentId)
+      if (!newComment) return
+
+      setCommentsList((prev) => [
+        {
+          id: newComment.id,
+          username: newComment.profiles.user_name,
+          comment: newComment.text,
+          date: convertDateFormat(newComment.created_at),
+        },
+        ...prev,
+      ])
+    }, getFormattedPath())
+
+    return unsubscibe
+  }
+
+  const handleSignIn = async () => {
+    await signInWithGitHub(window.location.href)
+  }
+
+  const handleSend = async (commentText: string) => {
+    await postOneComment(commentText, location.pathname)
+  }
+
+  useEffect(() => {
+    // check if user is signed in
+    checkUserSignedIn()
+    // fetch all comments on first load
+    fetchCommentsList()
+    // subscribe to new comments
+    const unsubscibe = subscribeToNewComments()
+    return () => {
+      unsubscibe()
+    }
+  }, [])
+
+  return (
+    <div>
+      <WriteComment
+        handleSend={(text) => handleSend(text)}
+        handleSignIn={handleSignIn}
+        isSignedIn={isSignedIn}
+      />
+      {commentsList.length > 0 && (
+        <>
+          <div className={styles.commentsContainer}>
+            <span>{`${commentsList.length} comment${
+              commentsList.length > 1 ? 's' : ''
+            }`}</span>
+            {commentsList.map((comment) => (
+              <Comment
+                key={comment.id}
+                username={comment.username}
+                comment={comment.comment}
+                date={comment.date}
+              />
+            ))}
+          </div>
+        </>
+      )}
+    </div>
+  )
+}
diff --git a/packages/docusaurus-commenting-system/src/client/containers/CommentingSection/index.ts b/packages/docusaurus-commenting-system/src/client/containers/CommentingSection/index.ts
new file mode 100644
index 00000000..282d356d
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/client/containers/CommentingSection/index.ts
@@ -0,0 +1 @@
+export * from './CommentingSection'
diff --git a/packages/docusaurus-commenting-system/src/client/containers/CommentingSystem/CommentingSystem.tsx b/packages/docusaurus-commenting-system/src/client/containers/CommentingSystem/CommentingSystem.tsx
new file mode 100644
index 00000000..ff9cbfac
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/client/containers/CommentingSystem/CommentingSystem.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import { createClient } from '@supabase/supabase-js'
+import { CommentingSection } from '../CommentingSection'
+
+const supabaseUrl = window.SUPABASE_URL
+const supabaseAnonKey = window.SUPABASE_ANON_KEY
+export const supabase = createClient(supabaseUrl, supabaseAnonKey)
+
+export const CommentingSystem: React.FC = () => {
+  return <CommentingSection />
+}
diff --git a/packages/docusaurus-commenting-system/src/client/containers/CommentingSystem/index.ts b/packages/docusaurus-commenting-system/src/client/containers/CommentingSystem/index.ts
new file mode 100644
index 00000000..e7e425c0
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/client/containers/CommentingSystem/index.ts
@@ -0,0 +1 @@
+export * from './CommentingSystem'
diff --git a/packages/docusaurus-commenting-system/src/client/index.ts b/packages/docusaurus-commenting-system/src/client/index.ts
new file mode 100644
index 00000000..e265be40
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/client/index.ts
@@ -0,0 +1,2 @@
+import { CommentingSystem } from './containers/CommentingSystem'
+export { CommentingSystem }
diff --git a/packages/docusaurus-commenting-system/src/deps.d.ts b/packages/docusaurus-commenting-system/src/deps.d.ts
new file mode 100644
index 00000000..99508d56
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/deps.d.ts
@@ -0,0 +1 @@
+declare module '*.scss'
diff --git a/packages/docusaurus-commenting-system/src/index.ts b/packages/docusaurus-commenting-system/src/index.ts
new file mode 100644
index 00000000..1a458c9e
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/index.ts
@@ -0,0 +1,32 @@
+import type { LoadContext, Plugin } from '@docusaurus/types'
+import path from 'path'
+
+export type PluginOptions = {
+  supabaseUrl: string
+  supabaseAnonKey: string
+}
+
+export default function docusaurusCommentingSystemPlugin(
+  context: LoadContext,
+  options: PluginOptions,
+): Plugin<any> {
+  const { supabaseUrl, supabaseAnonKey } = options
+
+  return {
+    name: 'docusaurus-commenting-system',
+    getClientModules: () => [path.resolve(__dirname, './client')],
+    injectHtmlTags() {
+      return {
+        headTags: [
+          {
+            tagName: 'script',
+            innerHTML: `
+              window.SUPABASE_URL = "${supabaseUrl}";
+              window.SUPABASE_ANON_KEY = "${supabaseAnonKey}";
+            `,
+          },
+        ],
+      }
+    },
+  }
+}
diff --git a/packages/docusaurus-commenting-system/src/server/auth.ts b/packages/docusaurus-commenting-system/src/server/auth.ts
new file mode 100644
index 00000000..b69993b2
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/server/auth.ts
@@ -0,0 +1,27 @@
+import { supabase } from '../client/containers/CommentingSystem'
+import { User } from '@supabase/supabase-js'
+
+export const signInWithGitHub = async (
+  redirectUrl?: string,
+): Promise<boolean> => {
+  const { error } = await supabase.auth.signInWithOAuth({
+    provider: 'github',
+    options: {
+      redirectTo: redirectUrl || undefined,
+    },
+  })
+
+  if (error) {
+    console.error('Error signing in', error)
+    return false
+  }
+
+  return true
+}
+
+export const getUserData = async (): Promise<User | null> => {
+  const {
+    data: { user },
+  } = await supabase.auth.getUser()
+  return user
+}
diff --git a/packages/docusaurus-commenting-system/src/server/comments.ts b/packages/docusaurus-commenting-system/src/server/comments.ts
new file mode 100644
index 00000000..27514bab
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/server/comments.ts
@@ -0,0 +1,106 @@
+import { supabase } from '../client/containers/CommentingSystem'
+
+export type Comment = {
+  id: number
+  created_at: string
+  author_id: string
+  text: string
+  page_path: string
+}
+
+export type CommentWithProfile = Comment & {
+  profiles: {
+    user_name: string
+  }
+}
+
+export const postOneComment = async (
+  text: string,
+  pagePath: string,
+): Promise<Comment[] | null> => {
+  // Remove trailing slash if it exists
+  const formattedPagePath = pagePath.endsWith('/')
+    ? pagePath.slice(0, -1)
+    : pagePath
+  const { data, error } = await supabase
+    .from('comments')
+    .insert([{ text: text, page_path: formattedPagePath }])
+    .select()
+
+  if (error) {
+    console.log('Error posting comment:', error)
+    return null
+  }
+
+  return data as Comment[]
+}
+
+// typescript considers that the query returns an array of profiles objects rather than a single object
+// to bypass this problem, we use the any type
+// todo: look for a better solution
+export const fetchComments = async (pagePath: string): Promise<any> => {
+  const { data, error } = await supabase
+    .from('comments')
+    .select(
+      `
+      id,
+      created_at,
+      text,
+      page_path,
+      author_id,
+      profiles ( user_name )
+    `,
+    )
+    .eq('page_path', pagePath)
+    .order('created_at', { ascending: false })
+
+  if (error) {
+    console.error('Error fetching comments:', error)
+    return []
+  }
+  return data || []
+}
+
+export const fetchOneComment = async (
+  commentId: string,
+): Promise<CommentWithProfile | null> => {
+  const { data: newComment, error } = await supabase
+    .from('comments')
+    .select(
+      `
+      *,
+      profiles (user_name)
+    `,
+    )
+    .eq('id', commentId)
+    .maybeSingle()
+
+  if (error) {
+    console.error('Error fetching comment:', error)
+    return null
+  }
+  return newComment
+}
+
+export const subscribeToCommentsInsert = (
+  callback: (payload: any) => void,
+  path: string,
+): (() => void) => {
+  const channel = supabase
+    .channel('custom-all-channel')
+    .on(
+      'postgres_changes',
+      {
+        event: 'INSERT',
+        schema: 'public',
+        table: 'comments',
+        filter: `page_path=eq.${path}`,
+      },
+      async (payload) => callback(payload),
+    )
+    .subscribe()
+
+  return () => {
+    supabase.removeChannel(channel)
+  }
+}
diff --git a/packages/docusaurus-commenting-system/src/supabase.d.ts b/packages/docusaurus-commenting-system/src/supabase.d.ts
new file mode 100644
index 00000000..41b2e13a
--- /dev/null
+++ b/packages/docusaurus-commenting-system/src/supabase.d.ts
@@ -0,0 +1,8 @@
+declare global {
+  interface Window {
+    SUPABASE_URL: string
+    SUPABASE_ANON_KEY: string
+  }
+}
+
+export {}
diff --git a/packages/docusaurus-commenting-system/tsconfig.client.json b/packages/docusaurus-commenting-system/tsconfig.client.json
new file mode 100644
index 00000000..06484b2c
--- /dev/null
+++ b/packages/docusaurus-commenting-system/tsconfig.client.json
@@ -0,0 +1,17 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "noEmit": false,
+    "composite": true,
+    "incremental": true,
+    "tsBuildInfoFile": "./lib/.tsbuildinfo-client",
+    "rootDir": "src",
+    "outDir": "lib",
+    "module": "CommonJS",
+    "target": "esnext",
+    "jsx": "react",
+    "lib": ["DOM"]
+  },
+  "include": ["src/**/*", "src/client", "src/server", "src/*.d.ts"],
+  "exclude": ["**/__tests__/**"]
+}
diff --git a/packages/docusaurus-commenting-system/tsconfig.json b/packages/docusaurus-commenting-system/tsconfig.json
new file mode 100644
index 00000000..b1fa7fbe
--- /dev/null
+++ b/packages/docusaurus-commenting-system/tsconfig.json
@@ -0,0 +1,19 @@
+{
+  "extends": "../../tsconfig.json",
+  "references": [
+    {
+      "path": "./tsconfig.client.json"
+    }
+  ],
+  "compilerOptions": {
+    "noEmit": false,
+    "incremental": true,
+    "tsBuildInfoFile": "./lib/.tsbuildinfo",
+    "rootDir": "src",
+    "outDir": "lib",
+    "jsx": "react",
+    "lib": ["DOM"]
+  },
+  "include": ["src"],
+  "exclude": ["**/__tests__/**"]
+}
diff --git a/packages/docusaurus-playground/docusaurus.config.js b/packages/docusaurus-playground/docusaurus.config.js
index ea30ecb6..3ca3275e 100644
--- a/packages/docusaurus-playground/docusaurus.config.js
+++ b/packages/docusaurus-playground/docusaurus.config.js
@@ -76,6 +76,13 @@ const config = {
         hostnames: ['localhost', 'waku.org'],
       },
     ],
+    [
+      '@acid-info/docusaurus-commenting-system',
+      {
+        supabaseUrl: process.env.SUPABASE_URL,
+        supabaseAnonKey: process.env.SUPABASE_ANON_KEY,
+      },
+    ],
   ],
 
   themeConfig:
diff --git a/packages/docusaurus-playground/package.json b/packages/docusaurus-playground/package.json
index bb1c7bf0..92b73413 100644
--- a/packages/docusaurus-playground/package.json
+++ b/packages/docusaurus-playground/package.json
@@ -15,6 +15,7 @@
     "typecheck": "tsc"
   },
   "dependencies": {
+    "@acid-info/docusaurus-commenting-system": "^1.0.0-alpha",
     "@acid-info/logos-docusaurus-preset": "^1.0.0-alpha.7",
     "@docusaurus/core": "2.4.1",
     "@docusaurus/preset-classic": "2.4.1",
diff --git a/packages/docusaurus-playground/src/theme/DocItem/Content/index.js b/packages/docusaurus-playground/src/theme/DocItem/Content/index.js
new file mode 100644
index 00000000..dfc6f20c
--- /dev/null
+++ b/packages/docusaurus-playground/src/theme/DocItem/Content/index.js
@@ -0,0 +1,13 @@
+import React from 'react'
+import Content from '@theme-original/DocItem/Content'
+import { CommentingSystem } from '@acid-info/docusaurus-commenting-system/lib/client/'
+
+export default function ContentWrapper(props) {
+  return (
+    <>
+      <Content {...props} />
+      <div style={{ marginTop: '4rem' }} />
+      <CommentingSystem />
+    </>
+  )
+}
diff --git a/yarn.lock b/yarn.lock
index 90bacdd9..45885c4c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1978,6 +1978,20 @@
     webpack "^5.73.0"
     webpack-merge "^5.8.0"
 
+"@docusaurus/types@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@docusaurus/types/-/types-3.0.1.tgz#4fe306aa10ef7c97dbc07588864f6676a40f3b6f"
+  integrity sha512-plyX2iU1tcUsF46uQ01pAd4JhexR7n0iiQ5MSnBFX6M6NSJgDYdru/i1/YNPKOnQHBoXGLHv0dNT6OAlDWNjrg==
+  dependencies:
+    "@types/history" "^4.7.11"
+    "@types/react" "*"
+    commander "^5.1.0"
+    joi "^17.9.2"
+    react-helmet-async "^1.3.0"
+    utility-types "^3.10.0"
+    webpack "^5.88.1"
+    webpack-merge "^5.9.0"
+
 "@docusaurus/utils-common@2.4.1", "@docusaurus/utils-common@^2.0.0-rc.1", "@docusaurus/utils-common@^2.4.1":
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/@docusaurus/utils-common/-/utils-common-2.4.1.tgz#7f72e873e49bd5179588869cc3ab7449a56aae63"
@@ -3290,6 +3304,62 @@
     p-map "^4.0.0"
     webpack-sources "^3.2.2"
 
+"@supabase/functions-js@^2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@supabase/functions-js/-/functions-js-2.1.5.tgz#ed1b85f499dfda21d40fe39b86ab923117cb572b"
+  integrity sha512-BNzC5XhCzzCaggJ8s53DP+WeHHGT/NfTsx2wUSSGKR2/ikLFQTBCDzMvGz/PxYMqRko/LwncQtKXGOYp1PkPaw==
+  dependencies:
+    "@supabase/node-fetch" "^2.6.14"
+
+"@supabase/gotrue-js@^2.60.0":
+  version "2.62.0"
+  resolved "https://registry.yarnpkg.com/@supabase/gotrue-js/-/gotrue-js-2.62.0.tgz#c6522e357f3ce38ab32522b82ee818a4f627664c"
+  integrity sha512-4eBuZNXGOk7ewqJuHPYMnk8clCtEx6Hfnu6yHLjZlx7w18TqcojcTRUBZagErtpgwwdfzUwKbquexhbrpH/ysw==
+  dependencies:
+    "@supabase/node-fetch" "^2.6.14"
+
+"@supabase/node-fetch@^2.6.14":
+  version "2.6.15"
+  resolved "https://registry.yarnpkg.com/@supabase/node-fetch/-/node-fetch-2.6.15.tgz#731271430e276983191930816303c44159e7226c"
+  integrity sha512-1ibVeYUacxWYi9i0cf5efil6adJ9WRyZBLivgjs+AUpewx1F3xPi7gLgaASI2SmIQxPoCEjAsLAzKPgMJVgOUQ==
+  dependencies:
+    whatwg-url "^5.0.0"
+
+"@supabase/postgrest-js@^1.8.6":
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/@supabase/postgrest-js/-/postgrest-js-1.9.0.tgz#00dddbe8119f1ec2179057e563bb54f28e6e31e3"
+  integrity sha512-axP6cU69jDrLbfihJKQ6vU27tklD0gzb9idkMN363MtTXeJVt5DQNT3JnJ58JVNBdL74hgm26rAsFNvHk+tnSw==
+  dependencies:
+    "@supabase/node-fetch" "^2.6.14"
+
+"@supabase/realtime-js@^2.8.4":
+  version "2.9.1"
+  resolved "https://registry.yarnpkg.com/@supabase/realtime-js/-/realtime-js-2.9.1.tgz#c2648a16e15d22c6e8ad0b7a547714224ca89219"
+  integrity sha512-OxmY2qj+y6+KI4ifTL92j5+WYP+u5/PdThlYxVb0GMcMiMHfA7yIku9yaQNC5/oRdIvhuRpTMG/8/R40eB+8pA==
+  dependencies:
+    "@supabase/node-fetch" "^2.6.14"
+    "@types/phoenix" "^1.5.4"
+    ws "^8.14.2"
+
+"@supabase/storage-js@^2.5.4":
+  version "2.5.5"
+  resolved "https://registry.yarnpkg.com/@supabase/storage-js/-/storage-js-2.5.5.tgz#2958e2a2cec8440e605bb53bd36649288c4dfa01"
+  integrity sha512-OpLoDRjFwClwc2cjTJZG8XviTiQH4Ik8sCiMK5v7et0MDu2QlXjCAW3ljxJB5+z/KazdMOTnySi+hysxWUPu3w==
+  dependencies:
+    "@supabase/node-fetch" "^2.6.14"
+
+"@supabase/supabase-js@^2.39.1":
+  version "2.39.1"
+  resolved "https://registry.yarnpkg.com/@supabase/supabase-js/-/supabase-js-2.39.1.tgz#add43d5f6491f8dc2a1aa82662195a0524d79d50"
+  integrity sha512-nz0aQPButJWjChX+bLXqvhHutfiOuiJwzibyJs0uhFrQ6JRDZZsl9+nX2jgyox2v2V+e4PEwbn/eaEOFVUr8iA==
+  dependencies:
+    "@supabase/functions-js" "^2.1.5"
+    "@supabase/gotrue-js" "^2.60.0"
+    "@supabase/node-fetch" "^2.6.14"
+    "@supabase/postgrest-js" "^1.8.6"
+    "@supabase/realtime-js" "^2.8.4"
+    "@supabase/storage-js" "^2.5.4"
+
 "@svgr/babel-plugin-add-jsx-attribute@^6.5.1":
   version "6.5.1"
   resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-6.5.1.tgz#74a5d648bd0347bda99d82409d87b8ca80b9a1ba"
@@ -3752,6 +3822,11 @@
   resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-5.0.3.tgz#e7b5aebbac150f8b5fdd4a46e7f0bd8e65e19109"
   integrity sha512-kUNnecmtkunAoQ3CnjmMkzNU/gtxG8guhi+Fk2U/kOpIKjIMKnXGp4IJCgQJrXSgMsWYimYG4TGjz/UzbGEBTw==
 
+"@types/phoenix@^1.5.4":
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/@types/phoenix/-/phoenix-1.6.4.tgz#cceac93a827555473ad38057d1df7d06eef1ed71"
+  integrity sha512-B34A7uot1Cv0XtaHRYDATltAdKx0BvVKNgYNqE4WjtPUa4VQJM7kxeXcVKaH+KS+kCmZ+6w+QaUdcljiheiBJA==
+
 "@types/prettier@^1.19.0":
   version "1.19.1"
   resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-1.19.1.tgz#33509849f8e679e4add158959fdb086440e9553f"
@@ -6247,6 +6322,19 @@ copy-webpack-plugin@^11.0.0:
     schema-utils "^4.0.0"
     serialize-javascript "^6.0.0"
 
+copyfiles@^2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/copyfiles/-/copyfiles-2.4.1.tgz#d2dcff60aaad1015f09d0b66e7f0f1c5cd3c5da5"
+  integrity sha512-fereAvAvxDrQDOXybk3Qu3dPbOoKoysFMWtkY3mv5BsL8//OSZVL5DCLYqgRfY5cWirgRzlC+WSrxp6Bo3eNZg==
+  dependencies:
+    glob "^7.0.5"
+    minimatch "^3.0.3"
+    mkdirp "^1.0.4"
+    noms "0.0.0"
+    through2 "^2.0.1"
+    untildify "^4.0.0"
+    yargs "^16.1.0"
+
 core-js-compat@^3.30.1, core-js-compat@^3.30.2:
   version "3.30.2"
   resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.30.2.tgz#83f136e375babdb8c80ad3c22d67c69098c1dd8b"
@@ -6397,7 +6485,7 @@ css-in-js-utils@^3.1.0:
   dependencies:
     hyphenate-style-name "^1.0.3"
 
-css-loader@^6.7.1:
+css-loader@^6.7.1, css-loader@^6.8.1:
   version "6.8.1"
   resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.8.1.tgz#0f8f52699f60f5e679eab4ec0fcd68b8e8a50a88"
   integrity sha512-xDAXtEVGlD0gJ07iclwWVkLoZOpEvAWaSyf6W18S2pOC//K8+qUDIx8IIT3D+HjnmkJPQeesOPv5aiUaJsCM2g==
@@ -6886,6 +6974,11 @@ date-fns@^2.14.0, date-fns@^2.30.0:
   dependencies:
     "@babel/runtime" "^7.21.0"
 
+date-fns@^3.0.6:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-3.0.6.tgz#fe3aeb7592d359f075ffc41cb16139828810ca83"
+  integrity sha512-W+G99rycpKMMF2/YD064b2lE7jJGUe+EjOES7Q8BIGY8sbNdbgcs9XFTZwvzc9Jx1f3k7LB7gZaZa7f8Agzljg==
+
 dateformat@^3.0.0:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
@@ -7472,6 +7565,14 @@ enhanced-resolve@^5.14.1:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
+enhanced-resolve@^5.15.0:
+  version "5.15.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz#1af946c7d93603eb88e9896cee4904dc012e9c35"
+  integrity sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
 enquirer@^2.3.4, enquirer@~2.3.6:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
@@ -9057,7 +9158,7 @@ glob@^10.3.10:
     minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
     path-scurry "^1.10.1"
 
-glob@^7.0.0, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
+glob@^7.0.0, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
   integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@@ -9929,7 +10030,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.0, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.0, inherits@~2.0.3:
+inherits@2, inherits@2.0.4, inherits@^2.0.0, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.0, inherits@~2.0.1, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -11162,6 +11263,17 @@ joi@^17.6.0:
     "@sideway/formula" "^3.0.1"
     "@sideway/pinpoint" "^2.0.0"
 
+joi@^17.9.2:
+  version "17.11.0"
+  resolved "https://registry.yarnpkg.com/joi/-/joi-17.11.0.tgz#aa9da753578ec7720e6f0ca2c7046996ed04fc1a"
+  integrity sha512-NgB+lZLNoqISVy1rZocE9PZI36bL/77ie924Ri43yEvi9GUUMPeyVIr8KdFTMUlby1p0PBYMk9spIxEUQYqrJQ==
+  dependencies:
+    "@hapi/hoek" "^9.0.0"
+    "@hapi/topo" "^5.0.0"
+    "@sideway/address" "^4.1.3"
+    "@sideway/formula" "^3.0.1"
+    "@sideway/pinpoint" "^2.0.0"
+
 jpjs@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/jpjs/-/jpjs-1.2.1.tgz#f343833de8838a5beba1f42d5a219be0114c44b7"
@@ -12260,7 +12372,7 @@ minimatch@3.0.5:
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@3.1.2, minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
+minimatch@3.1.2, minimatch@^3.0.3, minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
@@ -12705,6 +12817,14 @@ node-releases@^2.0.13:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.13.tgz#d5ed1627c23e3461e819b02e57b75e4899b1c81d"
   integrity sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==
 
+noms@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/noms/-/noms-0.0.0.tgz#da8ebd9f3af9d6760919b27d9cdc8092a7332859"
+  integrity sha512-lNDU9VJaOPxUmXcLb+HQFeUgQQPtMI24Gt6hgfuMHRJgMRHMF/qZ4HJD3GDru4sSw9IQl2jPjAYnQrdIeLbwow==
+  dependencies:
+    inherits "^2.0.1"
+    readable-stream "~1.0.31"
+
 non-layered-tidy-tree-layout@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/non-layered-tidy-tree-layout/-/non-layered-tidy-tree-layout-2.0.2.tgz#57d35d13c356643fc296a55fb11ac15e74da7804"
@@ -14909,6 +15029,16 @@ readable-stream@^4.1.0:
     events "^3.3.0"
     process "^0.11.10"
 
+readable-stream@~1.0.31:
+  version "1.0.34"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-1.0.34.tgz#125820e34bc842d2f2aaafafe4c2916ee32c157c"
+  integrity sha512-ok1qVCJuRkNmvebYikljxJA/UEsKwLl2nI1OmaqAu4/UE+h0wKCHok4XkL/gvi39OacXvw59RJUOFUkDib2rHg==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.1"
+    isarray "0.0.1"
+    string_decoder "~0.10.x"
+
 readdir-enhanced@^1.5.2:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/readdir-enhanced/-/readdir-enhanced-1.5.2.tgz#61463048690ac6a455b75b62fa78a88f8dc85e53"
@@ -15581,6 +15711,13 @@ sass-loader@^10.1.1:
     schema-utils "^3.0.0"
     semver "^7.3.2"
 
+sass-loader@^13.3.2:
+  version "13.3.2"
+  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-13.3.2.tgz#460022de27aec772480f03de17f5ba88fa7e18c6"
+  integrity sha512-CQbKl57kdEv+KDLquhC+gE3pXt74LEAzm+tzywcA0/aHZuub8wTErbjAoNI57rPUWRYRNC5WUnNl8eGJNbDdwg==
+  dependencies:
+    neo-async "^2.6.2"
+
 sass@^1.55.0:
   version "1.62.1"
   resolved "https://registry.yarnpkg.com/sass/-/sass-1.62.1.tgz#caa8d6bf098935bc92fc73fa169fb3790cacd029"
@@ -15590,6 +15727,15 @@ sass@^1.55.0:
     immutable "^4.0.0"
     source-map-js ">=0.6.2 <2.0.0"
 
+sass@^1.69.5:
+  version "1.69.5"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.69.5.tgz#23e18d1c757a35f2e52cc81871060b9ad653dfde"
+  integrity sha512-qg2+UCJibLr2LCVOt3OlPhr/dqVHWOa9XtZf2OjbLs/T4VPSJ00udtgJxH3neXZm+QqX8B+3cU7RaLqp1iVfcQ==
+  dependencies:
+    chokidar ">=3.0.0 <4.0.0"
+    immutable "^4.0.0"
+    source-map-js ">=0.6.2 <2.0.0"
+
 satori@^0.10.1:
   version "0.10.1"
   resolved "https://registry.yarnpkg.com/satori/-/satori-0.10.1.tgz#41d4f86acd5b67ab00580766ea7a09523850b2f3"
@@ -15653,6 +15799,15 @@ schema-utils@^3.0.0, schema-utils@^3.1.1, schema-utils@^3.1.2:
     ajv "^6.12.5"
     ajv-keywords "^3.5.2"
 
+schema-utils@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.3.0.tgz#f50a88877c3c01652a15b622ae9e9795df7a60fe"
+  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
+  dependencies:
+    "@types/json-schema" "^7.0.8"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
 schema-utils@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.1.tgz#eb2d042df8b01f4b5c276a2dfd41ba0faab72e8d"
@@ -16478,6 +16633,11 @@ string_decoder@^1.1.1:
   dependencies:
     safe-buffer "~5.2.0"
 
+string_decoder@~0.10.x:
+  version "0.10.31"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94"
+  integrity sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ==
+
 string_decoder@~1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
@@ -16594,6 +16754,11 @@ strong-log-transformer@2.1.0, strong-log-transformer@^2.1.0:
     minimist "^1.2.0"
     through "^2.3.4"
 
+style-loader@^3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.3.tgz#bba8daac19930169c0c9c96706749a597ae3acff"
+  integrity sha512-53BiGLXAcll9maCYtZi2RCQZKa8NQQai5C4horqKyRmHj9H7QmcUyucrH+4KW/gBQbXM2AsB0axoEcFZPlfPcw==
+
 style-to-object@0.3.0, style-to-object@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-0.3.0.tgz#b1b790d205991cc783801967214979ee19a76e46"
@@ -16895,7 +17060,7 @@ through2-filter@^3.0.0:
     through2 "~2.0.0"
     xtend "~4.0.0"
 
-through2@^2.0.0, through2@^2.0.3, through2@~2.0.0:
+through2@^2.0.0, through2@^2.0.1, through2@^2.0.3, through2@~2.0.0:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
   integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
@@ -17673,6 +17838,11 @@ unset-value@^1.0.0:
     has-value "^0.3.1"
     isobject "^3.0.0"
 
+untildify@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/untildify/-/untildify-4.0.0.tgz#2bc947b953652487e4600949fb091e3ae8cd919b"
+  integrity sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==
+
 unzipper@^0.10.14:
   version "0.10.14"
   resolved "https://registry.yarnpkg.com/unzipper/-/unzipper-0.10.14.tgz#d2b33c977714da0fbc0f82774ad35470a7c962b1"
@@ -18146,6 +18316,15 @@ webpack-merge@^5.8.0:
     clone-deep "^4.0.1"
     wildcard "^2.0.0"
 
+webpack-merge@^5.9.0:
+  version "5.10.0"
+  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-5.10.0.tgz#a3ad5d773241e9c682803abf628d4cd62b8a4177"
+  integrity sha512-+4zXKdx7UnO+1jaN4l2lHVD+mFvnlZQP/6ljaJVb4SZiwIKeUnrT5l0gkT8z+n4hKpC+jpOv6O9R+gLtag7pSA==
+  dependencies:
+    clone-deep "^4.0.1"
+    flat "^5.0.2"
+    wildcard "^2.0.0"
+
 webpack-sources@^3.2.2, webpack-sources@^3.2.3:
   version "3.2.3"
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
@@ -18181,6 +18360,36 @@ webpack@^5.73.0:
     watchpack "^2.4.0"
     webpack-sources "^3.2.3"
 
+webpack@^5.88.1:
+  version "5.89.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.89.0.tgz#56b8bf9a34356e93a6625770006490bf3a7f32dc"
+  integrity sha512-qyfIC10pOr70V+jkmud8tMfajraGCZMBWJtrmuBymQKCrLTRejBI8STDp1MCyZu/QTdZSeacCQYpYNQVOzX5kw==
+  dependencies:
+    "@types/eslint-scope" "^3.7.3"
+    "@types/estree" "^1.0.0"
+    "@webassemblyjs/ast" "^1.11.5"
+    "@webassemblyjs/wasm-edit" "^1.11.5"
+    "@webassemblyjs/wasm-parser" "^1.11.5"
+    acorn "^8.7.1"
+    acorn-import-assertions "^1.9.0"
+    browserslist "^4.14.5"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^5.15.0"
+    es-module-lexer "^1.2.1"
+    eslint-scope "5.1.1"
+    events "^3.2.0"
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.2.9"
+    json-parse-even-better-errors "^2.3.1"
+    loader-runner "^4.2.0"
+    mime-types "^2.1.27"
+    neo-async "^2.6.2"
+    schema-utils "^3.2.0"
+    tapable "^2.1.1"
+    terser-webpack-plugin "^5.3.7"
+    watchpack "^2.4.0"
+    webpack-sources "^3.2.3"
+
 webpackbar@^5.0.2:
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/webpackbar/-/webpackbar-5.0.2.tgz#d3dd466211c73852741dfc842b7556dcbc2b0570"
@@ -18455,6 +18664,11 @@ ws@^8.13.0:
   resolved "https://registry.yarnpkg.com/ws/-/ws-8.13.0.tgz#9a9fb92f93cf41512a0735c8f4dd09b8a1211cd0"
   integrity sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==
 
+ws@^8.14.2:
+  version "8.15.1"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.15.1.tgz#271ba33a45ca0cc477940f7f200cd7fba7ee1997"
+  integrity sha512-W5OZiCjXEmk0yZ66ZN82beM5Sz7l7coYxpRkzS+p9PP+ToQry8szKh+61eNktr7EA9DOwvFGhfC605jDHbP6QQ==
+
 xdg-basedir@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-4.0.0.tgz#4bc8d9984403696225ef83a1573cbbcb4e79db13"
@@ -18543,7 +18757,7 @@ yargs-parser@^5.0.1:
     camelcase "^3.0.0"
     object.assign "^4.1.0"
 
-yargs@16.2.0, yargs@^16.2.0:
+yargs@16.2.0, yargs@^16.1.0, yargs@^16.2.0:
   version "16.2.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
   integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==