Spacetime Panel

A modern web-based admin interface for managing SpacetimeDB applications. It provides real-time database management with an intuitive UI for viewing tables, calling reducers, monitoring events, and managing your SpacetimeDB modules.

Example

https://github.com/user-attachments/assets/0d42dcdb-c6f5-49ef-9709-0bcf616b675c

Setup Instructions

Clone the Repository

git clone <repository-url>
cd spacetime-panel

Install Dependencies

npm install

Environment Variables

Copy the example environment file and configure your settings:

cp env.example .env

Edit the .env file with your specific configuration values.

Start SpacetimeDB

spacetime start

This command starts the SpacetimeDB server locally. Keep this running in a terminal window.

Publish Your Module

spacetime publish example

This publishes your SpacetimeDB module to the running server. Replace example with your actual module name.

Monitor Logs (Optional)

spacetime logs example --follow

Generate TypeScript Bindings

spacetime generate --lang typescript --out-dir ../spacetime-panel/src/generated

This generates TypeScript type definitions and client code from your SpacetimeDB schema. The generated files will be placed in the specified output directory.

Development

After completing the setup, you can run the development server:

npm run dev