Skip to main content

​
Overview

The Conformly.ai frontend is a React/TypeScript application that can be deployed to various hosting platforms.

​
Deployment Options

  1. Push code to GitHub
  2. Import repository in Vercel
  3. Configure build settings:
    • Framework: Vite
    • Build Command: npm run build
    • Output Directory: dist
  4. Add environment variables
  5. Deploy

​
Netlify

  1. Push code to GitHub
  2. Create new site from Git in Netlify
  3. Configure build settings
  4. Add environment variables
  5. Deploy

​
Docker

Build and deploy using Docker: 
FROM node:18-alpine as build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

​
Environment Variables

Configure the following in your hosting platform:
  • VITE_API_URL: Backend API URL
  • VITE_SUPABASE_URL: Supabase project URL
  • VITE_SUPABASE_ANON_KEY: Supabase anonymous key

​
Build Configuration

The frontend uses Vite. Build configuration is in vite.config.ts: 
export default defineConfig({
  plugins: [react()],
  build: {
    outDir: 'dist',
    sourcemap: true
  }
})

View Complete Deployment Guide

See the frontend repository for detailed deployment instructions