VIU

This is a Next.js project bootstrapped with create-next-app.

Variáveis de Ambiente

Desenvolvimento Local

Crie um arquivo .env.local na raiz do projeto com as seguintes variáveis:

# URL do viu-backend
NEXT_PUBLIC_API_URL=http://localhost:3001

# URL pública deste app (usada para montar links absolutos)
NEXT_PUBLIC_APP_URL=http://localhost:3000

# OpenAI — só se este app for processar TTS/transcrição por conta própria.
# O caminho normal é o backend fazer isso; não exponha a chave em produção.
OPENAI_API_KEY=

Storage: o frontend não fala com nenhum provedor de arquivos. O backend guarda tudo no Cloudflare R2 e devolve URLs já assinadas nos campos previewUrl / arquivo_url; lib/storage.ts apenas as repassa.

Sessão: o token vive num cookie HttpOnly gravado pelo backend. Toda requisição sai com credentials: 'include' (lib/api.ts) — não há token em localStorage para o JavaScript da página ler.

Vercel (Produção)

Para configurar as variáveis de ambiente no Vercel:

1. Acesse seu projeto no dashboard do Vercel

2. Vá em Settings > Environment Variables

3. Adicione cada variável:

   • Key: Nome da variável (ex: OPENAI_API_KEY)
   • Value: Valor da variável (ex: sk-proj-...)
   • Environments: Selecione Production, Preview e/ou Development

4. Após adicionar, faça um novo deploy ou force redeploy para aplicar as mudanças

Importante:

• Variáveis com prefixo NEXT_PUBLIC_ são expostas no cliente (navegador)
• Variáveis sem prefixo são acessíveis apenas no servidor (API routes)
• Use process.env.NOME_DA_VARIAVEL para acessar as variáveis no código

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.