Chat App
The Chat App is a Slack-like messaging application built with Next.js and Supabase. Use this starter kit when you want a ready-to-run chat application with built-in authentication, realtime messaging, and a modern full-stack architecture that you can extend and customize.
Launch
Section titled “Launch”Launch Chat App on Diploi to create a new project from this starter kit. Like any Diploi project, it can be extended with more components and add-ons through its diploi.yaml file.
Tech stack
Section titled “Tech stack”| Technology | Role |
|---|---|
| Next.js | Full-stack React framework |
| Supabase | Backend (database, auth, realtime) |
| TypeScript | Language |
Readme
Section titled “Readme”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
Section titled “✨ 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
Section titled “🔑 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
Section titled “🚀 Running on Diploi”Start a new project
Section titled “Start a new project”- Create a new project in Diploi
- Select this starter kit
- Deploy
Diploi automatically:
- Connects Supabase to Next.js
- Injects environment variables
- Configures networking
- Builds production images
- Enables edge delivery via Cloudflare
💡 About Supabase
Section titled “💡 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/