Flowtra

A modern Next.js application built with Supabase integration.

Note: The OpenAI Apps SDK MCP server and widget code now live in the sibling flowtra-mcp project. Run MCP-related tooling from that repository.

Tech Stack

• Next.js 16 with App Router
• React 19
• TypeScript with strict mode
• TailwindCSS v4 with dark mode support
• Supabase for database and authentication
• ESLint for code linting

Getting Started

1. Install dependencies:

pnpm install

2. Start the development server:

pnpm dev

3. Open http://localhost:3000 with your browser to see the result.

Available Scripts

• pnpm dev - Start development server
• pnpm build - Build for production
• pnpm start - Start production server
• pnpm lint - Run ESLint
• pnpm type-check - Run TypeScript type checking

Environment Variables

The following environment variables are required:

• NEXT_PUBLIC_SUPABASE_URL - Your Supabase project URL
• NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY - Your Supabase publishable key (client-side)
• SUPABASE_SECRET_KEY - Your Supabase secret key (server-side only, for admin operations)

Project Structure

flowtra/
├── app/                 # Next.js App Router pages
├── components/          # React components
├── lib/                # Utility functions and configurations
├── hooks/              # Custom React hooks
├── public/             # Static assets
└── ...