I'm a framestarter, twisted framestarter

Template for creating multi-function Farcaster frames on top of Next.js, Supabase and Frames.js

Getting Started

Open Supabase Dashboard to create new database or use existing one. Create .env file and copy the keys

SUPABASE_URL=`
SUPABASE_ANON_KEY=

Run the development server:

pnpm dev
# or
npm run dev

Visit http://localhost:3010 to debug your frame.

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

Features

This starter-template is packed with:

• 🎉 Next.js 14 (with App Directory).
• 💾 Supabase on client and server (TODO: Add auth example)
• ⚛️ React 18.
• ✨ TypeScript.
• 💨 Tailwind CSS 3 - Pre-setup with PostCSS Nesting and Import.
• 👀 SVGR - Pre-Configured import SVG directly transform to React Component with type definitions
• 📈 Path Alias - Import your module in src using @/ prefix, and in public using #/.
• 📏 ESLint - Find and fix problems in your code.
• 🐶 Husky - Run scripts on your staged files before they are committed.
• 🧩 Pre-built components to handle dynamic Lazyload, Image and SVG in packages/components/base.
• ⚡️ Pre-setup backend things in packages/server/ folders.
• 🪄 Pre-built utilities to handle common things in backend and frontend.
• 🔥 Modular app structure & full of customization