Slack Clone using Supabase, Vue.js & TypeScript

Inspired by the official Supabase Next.js Slack clone.

• Frontend:
  • Vue 3, TypeScript
  • Supabase.js for user management and realtime data syncing.
• Backend:
  • app.supabase.io: hosted Postgres database with restful API for usage with Supabase.js.

Video Demo

Live Demo

Local development

Required configuration:

1. Copy the .env.local.example file and rename to .env.local in the root directory.

2. Set your Supabase details.

VUE_APP_SUPABASE_URL = <replace-with-your-API-url>
VUE_APP_SUPABASE_KEY = <replace-with-your-anon-key>

Install Dependancies

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint