Prisma Editor

A powerful web-based editor for Prisma schemas, built with Next.js, Prisma, and Tailwind CSS.

Features

• Visual Schema Editing: Edit your Prisma schema with a visual interface.
• Multiplayer Support: Collaborate with others in real-time (powered by Yjs).
• Prisma Integration: Seamlessly works with Prisma schemas.
• Modern UI: Built with Tailwind CSS and Radix UI for a clean and accessible interface.

Getting Started

Prerequisites

• Node.js (v18 or later recommended)
• npm or yarn
• PostgreSQL database (for local development)

Installation

1. Clone the repository:

   git clone <repository-url>
   cd prisma-editor

2. Install dependencies:

   npm install

3. Set up environment variables: Copy .env.example to .env (or create .env) and fill in the required values.

   cp .env.example .env

   Required variables:

   • DATABASE_URL: Connection string for your PostgreSQL database.
   • NEXTAUTH_SECRET: Secret for NextAuth.js.
   • NEXTAUTH_URL: URL of your application (e.g., http://localhost:4000).
   • GITHUB_CLIENT_ID: GitHub OAuth Client ID.
   • GITHUB_CLIENT_SECRET: GitHub OAuth Client Secret.
   • NEXT_PUBLIC_YDOC_SIGNALING_SERVERS (optional): Comma-separated list of Yjs signaling WebSocket URLs. Defaults to wss://signaling.yjs.dev if unset.

4. Run database migrations:

   npx prisma migrate dev

Running the Application

To start the development server:

npm run dev

The application will be available at http://localhost:4000.

Building for Production

To build the application for production:

npm run build

To start the production server:

npm start

Docker

You can also run the application using Docker Compose.

docker-compose up -d

License

MIT