Get Started

🚀 Quick Start

# Clone the repository
git clone https://github.com/nuttifoxstudio/FrameFast.git [YOUR_APP_NAME]

cd [YOUR_APP_NAME]
# Install dependencies
npm install

# Setup environment
cp .env.example .env.local
# Edit .env.local with your credentials

git remote remove origin

# Start development
npm run dev

# Build for production
npm run build

# Pack as Framer plugin
npm run pack

📦 Tech Stack

• Framework: React + TypeScript + Vite

• Styling: Tailwind CSS 4 + shadcn/ui

• State: TanStack Query (React Query)

• Routing: Wouter

• Auth: LemonSqueezy API

• Database: Supabase

• Plugin SDK: Framer Plugin SDK

✨ Features

• 🔐 License validation & activation via LemonSqueezy

• 🛡️ Protected routes & content

• 🔍 Search, filtering & pagination

• 🎨 Custom UI components with Framer design tokens

• 📱 Responsive layout with bottom navigation

• ⚡ Optimistic updates & caching

• 🎯 Type-safe configuration

• 🚨 Error boundaries & loading states