Deepnote Clone

Deepnote Clone.

What's included · Prerequisites · Getting Started · How to use

What's included

Next.js - Framework
Turborepo - Build system
Biome - Linter, formatter
TailwindCSS - Styling
Shadcn - UI components
TypeScript - Type safety
Supabase - Authentication, database, storage
Upstash - Cache and rate limiting
React Email - Email templates
Resend - Email delivery
i18n - Internationalization
Sentry - Error handling/monitoring
Trigger.dev - Background jobs
OpenPanel - Analytics
react-safe-action - Validated Server Actions
nuqs - Type-safe search params state manager
next-themes - Theme manager
tiptap - Rich text editor

Directory Structure

.
├── apps                         # App workspace
│    ├── api                     # Supabase (API, Auth, Storage, Realtime, Edge Functions)
│    ├── web                     # App - your product
│    └── ...
├── packages                     # Shared packages between apps
│    ├── editor                  # Editor
│    ├── analytics               # OpenPanel analytics
│    ├── email                   # React email library
│    ├── jobs                    # Trigger.dev background jobs
│    ├── kv                      # Upstash rate-limited key-value storage
│    ├── logger                  # Logger library
│    ├── supabase                # Supabase - Queries, Mutations, Clients
│    └── ui                      # Shared UI components (Shadcn)
├── tooling                      # are the shared configuration that are used by the apps and packages
│    └── typescript              # Shared TypeScript configuration
├── .cursorrules                 # Cursor rules specific to this project
├── biome.json                   # Biome configuration
├── turbo.json                   # Turbo configuration
├── LICENSE
└── README.md

Prerequisites

Bun
Upstash
Trigger.dev
Resend
Supabase
Sentry
OpenPanel

Getting Started

Clone this repo locally with the following command:

git clone https://github.com/BhaskaranR/deepnote-clone.git

1. Install dependencies using bun:

bun i

2. Copy .env.example to .env and update the variables.

# Copy .env.example to .env for each app
cp apps/api/.env.example apps/api/.env
cp apps/app/.env.example apps/app/.env
cp apps/web/.env.example apps/web/.env

4. Start the development server from either bun or turbo:

bun dev // starts everything in development mode (web, app, api, email)
bun dev:web // starts the web app in development mode
bun dev:app // starts the app in development mode
bun dev:api // starts the api in development mode
bun dev:email // starts the email app in development mode



## Deploy to Vercel

Vercel deployment will guide you through creating a Supabase account and project.