lovable-boilerplate Cursor规则

Prerequisites

• Node.js 18+ or Bun
• Git

Install dependencies (npm, yarn, or bun)

npm install

Start Supabase locally (requires Docker)

npx supabase start

One-Click Setup

Getting Started

Installation

```bash

Setup Supabase

1. Create a Supabase Project - Visit supabase.com and create a new project - Wait for your database to be provisioned

2. Configure Environment Variables

   cp .env.example .env
   

   VITE_SUPABASE_URL=https://your-project.supabase.co
   VITE_SUPABASE_PUBLISHABLE_KEY=your-anon-key
   

Authentication Example

// Sign up
const { data, error } = await supabase.auth.signUp({
  email: 'user@example.com',
  password: 'password'
});

// Sign in
const { data, error } = await supabase.auth.signInWithPassword({
  email: 'user@example.com',
  password: 'password'
});

// Get current user
const { data: { user } } = await supabase.auth.getUser();

// Sign out
await supabase.auth.signOut();

Set up environment variables

cp .env.example .env

Edit .env with your Supabase credentials

Supabase Integration

This boilerplate comes with Supabase pre-configured for backend functionality including authentication, database, and real-time features.

Available Components

UI Components (40+ ready-to-use)

All components are pre-configured with shadcn/ui and located in src/components/ui/:

Layout & Navigation - accordion, card, separator, sheet, sidebar, tabs - breadcrumb, command, dropdown-menu, menubar, navigation-menu, pagination

Forms & Inputs - button, input, textarea, select, checkbox, radio-group, switch, form - calendar, input-otp, slider, toggle

Feedback & Overlays - alert, alert-dialog, toast, sonner, progress, skeleton - dialog, drawer, hover-card, popover, tooltip

Data Display - avatar, badge, table, chart, carousel - aspect-ratio, collapsible, resizable, scroll-area

Using Bun (faster alternative)

bun dev # Start dev server bun run build # Production build ```