Tulip Logo IconTulip
Getting Started

Installation

Install the Drive package and import the base stylesheet.

Install

pnpm add @tulip-systems/drive
pnpm add @tulip-systems/drive-local # local/storage-backed provider
pnpm add @tulip-systems/drive-google # Google Drive provider

Peer dependencies

The package expects the same React and Next baseline used by the rest of Tulip, plus some host dependencies such as sharp, pg, and nuqs depending on the provider surface you use.

Import styles

import "@tulip-systems/drive/styles.css";

Main entrypoints

import * as Drive from "@tulip-systems/drive";
import * as DriveClient from "@tulip-systems/drive/client";
import * as LocalDrive from "@tulip-systems/drive-local";
import * as LocalDriveClient from "@tulip-systems/drive-local/client";
import * as LocalDriveServer from "@tulip-systems/drive-local/server";
import * as GoogleDrive from "@tulip-systems/drive-google";
import * as GoogleDriveClient from "@tulip-systems/drive-google/client";
import * as GoogleDriveServer from "@tulip-systems/drive-google/server";

If you are evaluating the package, continue with the quick start. If you already know which backend you need, jump directly to Local or Google.

On this page