AI-Powered SEO Workflow Builder - Create visual drag-and-drop pipelines for SEO and AEO optimization using cutting-edge AI APIs.
- Visual Workflow Builder: Drag-and-drop interface powered by React Flow
- AI Integration: Connect OpenAI, Perplexity, SerpAPI, Brave Search, and more
- Real-time Analytics: Monitor workflow performance and SEO metrics
- User-Owned API Keys: You control costs and data
- Pre-built Templates: Quick start with proven SEO workflows
- Enterprise Security: Built on Supabase with RLS for data isolation
- Frontend: React 18, Vite, TypeScript, Tailwind CSS
- Workflow Engine: React Flow (@xyflow/react)
- Backend: Supabase (Auth, Database, Edge Functions, Storage)
- UI Components: shadcn/ui with custom design system
- Styling: Grok-inspired clean aesthetic
- APIs: OpenAI, Perplexity, SerpAPI, Brave Search
- Charts: Chart.js for analytics dashboards
- Icons: Lucide React
Clean, minimal aesthetic inspired by Grok:
- Colors: Pure white (#FFFFFF) background, black (#000000) text
- Grays: Subtle #6B7280 for subtext, #E5E7EB for borders
- Accents: Green success (#10B981), Red error (#EF4444)
- Typography: Inter font family
- Corners: 12px rounded corners
- Shadows: Subtle depth with smooth transitions
-
Supabase Project:
- Click the green Supabase button in the top right
- Connect to your Supabase project for backend functionality
-
API Keys (Your own keys for cost control):
- OpenAI API key for AI processing
- Perplexity API key for real-time search
- SerpAPI key for Google search results
- Brave Search API key (optional)
# Install dependencies
npm install
# Start development server
npm run devThe app requires Supabase for:
- User authentication
- Project and workflow storage
- Edge functions for API orchestration
- Real-time collaboration features
To connect Supabase:
- Click the Supabase integration button
- Follow the setup wizard
- The database schema will be automatically created
src/
├── components/
│ ├── layout/ # Navigation, sidebars
│ ├── workflow/ # Workflow builder components
│ └── ui/ # Reusable UI components
├── pages/
│ ├── Index.tsx # Landing page
│ ├── Dashboard.tsx # User dashboard
│ ├── WorkflowBuilder.tsx # Visual editor
│ └── Settings.tsx # User settings
├── lib/
│ └── supabase.ts # Database client
└── hooks/ # Custom React hooks
- Visual drag-and-drop interface
- Node palette with categorized components
- Real-time collaboration
- Version history
- Data Sources: Perplexity, SerpAPI, Brave Search, CSV import
- AI Processing: OpenAI GPT, keyword analysis, content optimization
- Data Processing: Filters, transforms, merges
- Outputs: Email alerts, webhooks, CSV export, dashboards
- Project management
- Workflow monitoring
- Performance analytics
- Usage tracking
- Row Level Security (RLS): Users only see their own data
- API Key Encryption: Your keys are securely stored
- No Data Lock-in: Export your workflows anytime
- SOC 2 Compliance: Enterprise-grade security standards
-- Core tables with RLS enabled
projects (id, user_id, name, domains[], keywords[], ...)
workflows (id, project_id, nodes, edges, versions[], ...)
results (id, workflow_id, data, success, error_message, ...)The app is ready for deployment on:
- Vercel (recommended for frontend)
- Netlify
- Supabase Edge Functions (for backend processing)
- Real-time collaboration
- Workflow templates marketplace
- Advanced analytics dashboard
- API rate limiting & usage alerts
- Team workspace features
- Zapier integration
- Mobile app
- Fork the repository
- Create your feature branch
- Commit your changes
- Push to the branch
- Open a Pull Request
This project is licensed under the MIT License.
- Documentation: docs.pulsespark.ai
- Community: discord.gg/pulsespark
- Email: [email protected]
Built with ❤️ using Lovable.dev