Launch component icon Chat App with Diploi

Launch a new Chat App project and you will instantly have access to a development environment. No sign-up required.

Something extra?

Choose some optional add-ons to launch with Chat App

Instant launch. No sign-up required.

Chat App Starter Kit for Diploi

A Slack like chat app built with Next.js and Supabase.

This starter kit demonstrates:

  • 🔐 Authentication with Supabase
  • ⚡️ Next.js -powered React frontend
  • 🗄️ Supabase DB migrations and seeded data

✨ Overview

This starter kit consists of two Diploi components:

  • next — Frontend application (Next.js)
  • supabase — Database, auth, and realtime backend

Everything is wired together automatically via environment variables defined in diploi.yaml.

🔑 Default Login Credentials

The database is seeded with a test account:

Email: test@example.com
Password: password

You can log in immediately after deployment.

⚠️ Make sure to change or remove this account in production environments.

🚀 Running on Diploi

Start a new project

  1. Create a new project in Diploi
  2. Select this starter kit
  3. Deploy

Diploi automatically:

  • Connects Supabase to Next.js
  • Injects environment variables
  • Configures networking
  • Builds production images
  • Enables edge delivery via Cloudflare

💡 About Supabase

This project is originally based on the nextjs-slack-clone and adapted for Diploi deployments.

Supabase is the Postgres development platform:
https://supabase.com/

What is Diploi?

Diploi is the single SaaS service for managing, developing and hosting your full application.

  • Consistent

    • Consistent environments from development to production
    • Adoptable incrementally - start easy, grow later

  • One-Click

    • Fast 30 second new developer onboarding
    • One-click environment setup
    • Instantly shareable testing environments

  • Zero-Install

    • Zero-install remote development
    • Versatile support for any stack pre-build or custom
Learn more