Quick Start

Create a Tulip app, install packages, build your first admin screen, and choose what to learn next.

This quick start gets you from an empty folder to the first useful Tulip admin screen.

If you are new to Tulip, use the scaffolded app path. If you already have a Next.js application, use the manual install path and adopt one package group at a time.

Pick your route

Create a new app

Install packages manually

Build your first admin screen

Next steps

What you will build

The first screen is intentionally small:

a protected admin route
a Tulip admin shell with sidebar and content area
a first admin page under src/app/admin
a clear place to add query, table, command, storage, drive, and AI features later

Recommended order

Create a new app with create-tulip-app.
Start the dev server and open the admin area.
Add a new route under src/app/admin.
Add the route to the sidebar.
Continue into package docs when the screen needs deeper behavior.

Before you continue

Tulip assumes a React and Next.js app. The maintained templates use Next.js App Router, React, TypeScript, Tailwind CSS, Drizzle, ORPC, Better Auth, and Tulip packages.