Skip to content

partykit/partykit-text-editor-example

Repository files navigation

PartyKit example: collaborative text editor

text editor demo

This example app features a collaborative text editor built with Yjs, Tiptap and Supabase.

Getting Started

First, copy the .env.example file to .env in the project root.

cp .env.example .env

Then, create a new Supabase project and open the created .env file to fill in the missing environment variables with the new project information.

In Supabase's SQL editor, create a documents table with:

create table
  public.documents (
    id bigint generated by default as identity,
    created_at timestamp with time zone null default now(),
    document json null,
    name text null,
    constraint documents_pkey primary key (id),
    constraint documents_name_key unique (name)
  ) tablespace pg_default;

Then, run the development server:

npm install
npm run dev

This will start the PartyKit development server at port 1999.

Open http://localhost:1999 with your browser to see the result.