OneTools

Base inicial para una plataforma de herramientas digitales con React, Vite, TypeScript, React Router y Supabase.

Funciones incluidas

• Home pública.
• Login y registro con Supabase Auth.
• Dashboard protegido.
• Catálogo de herramientas.
• Herramientas con estados free, freemium y paid.
• Herramienta gratis de ejemplo: Mini Notes.
• Herramienta paga bloqueada: Pro Export Kit.
• Canje de códigos de licencia mediante función segura en Supabase.
• Visualización de herramientas desbloqueadas en el dashboard.
• Fallback SPA para Netlify en public/_redirects.

Estructura

src/app
src/pages
src/features/auth
src/features/tools
src/features/licenses
src/lib/supabase
src/components
src/data
supabase/sql
public/_redirects

Configuración local

1. Instalá dependencias:

npm install

2. Copiá las variables de entorno:

cp .env.example .env

3. Completá .env con los valores de tu proyecto Supabase:

VITE_SUPABASE_URL=https://your-project.supabase.co
VITE_SUPABASE_ANON_KEY=your-anon-key

4. Ejecutá el SQL inicial en Supabase:

Archivo: supabase/sql/001_initial_schema.sql

Podés pegarlo en el SQL Editor de Supabase. Crea:

• profiles
• tools
• user_tool_access
• license_codes
• RLS básica
• trigger para crear perfiles
• función redeem_license_code
• seed de dos herramientas iniciales

5. Iniciá el proyecto:

npm run dev

Probar licencias

El SQL incluye un código demo para desarrollo:

ONETOOLS-DEMO-2026

Ese código desbloquea Pro Export Kit para el usuario autenticado que lo canjee.

Deploy en Netlify

Build command:

npm run build

Publish directory:

dist

Agregá en Netlify las mismas variables:

• VITE_SUPABASE_URL
• VITE_SUPABASE_ANON_KEY

public/_redirects ya incluye el fallback necesario para React Router:

/* /index.html 200

Próximos pasos sugeridos

• Agregar una interfaz admin para crear herramientas y códigos.
• Crear más herramientas reales dentro de src/features/tools.
• Integrar pagos cuando el flujo de licencias ya esté validado.
• Separar seeds de producción y demo si se usa Supabase CLI.