Skip to main content
SENTi-radar is a real-time sentiment analysis dashboard built with Vite, React, and Supabase. This guide covers deploying both the frontend and backend edge functions to production.

​
Architecture

SENTi-radar consists of two main deployment targets:
  1. Frontend (Static): Vite-built React SPA hosted on static hosting platforms
  2. Backend (Edge Functions): Deno-based Supabase edge functions for data scraping and analysis

​
Prerequisites

Before deploying, ensure you have:
1

Node.js & npm installed

Version 18.x or later recommended
2

Supabase project created

Sign up at supabase.com and create a new project
3

Supabase CLI installed

npm install -g supabase
4

API keys obtained

  • Scrape.do API token (for X/Twitter & Reddit)
  • YouTube Data API v3 key (optional)
  • Gemini API key (optional)

​
Deployment Platforms

​
Frontend

The frontend can be deployed to any static hosting platform:
  • Lovable (recommended) - Zero-config deployment
  • Vercel - Automatic builds from Git
  • Netlify - Continuous deployment
  • Cloudflare Pages - Global edge network
  • AWS S3 + CloudFront - Enterprise-grade hosting

​
Backend

Edge functions run on Supabase Edge Runtime (powered by Deno Deploy):
  • Global edge network
  • Zero cold starts
  • Automatic scaling
  • Built-in CORS handling

​
Quick Deploy

1

Clone and install dependencies

git clone <repository-url>
cd <repository-name>
npm install
2

Configure environment variables

See Environment & Secrets for complete setup
3

Deploy edge functions

See Edge Functions Deployment
4

Deploy frontend

See Frontend Deployment

​
Environment Overview

Frontend Environment

Vite env vars (VITE_*)
  • Supabase URL & keys
  • Scrape.do token
  • YouTube API key
  • Gemini/Groq API keys

Edge Function Secrets

Supabase secrets
  • SCRAPE_DO_TOKEN
  • YOUTUBE_API_KEY
  • GEMINI_API_KEY
  • SUPABASE_SERVICE_ROLE_KEY
Never commit .env files to version control. Use .env.example as a template and set production secrets via platform-specific secret management.

​
Production Checklist

Before going live, verify:
  • All environment variables are set correctly
  • Edge functions are deployed and accessible
  • Database migrations are applied
  • CORS headers are configured in supabase/config.toml
  • API rate limits are configured
  • Error monitoring is enabled (Sentry, LogRocket, etc.)
  • SSL/TLS certificates are active
  • CDN caching is configured for static assets

​
Next Steps

Frontend Deployment

Deploy the Vite React application

Edge Functions

Deploy Supabase edge functions

Environment Setup

Configure secrets and API keys

Build docs developers (and LLMs) love

Get started for freeTalk to us