Aier é um aplicativo da Web que permite criar e compartilhar avatares de IA com seus amigos. Ele é construído com o Next.js, supabase e Openai.
https://aier.app/


2023-06-05: Decidi usar o roteador de página do próximo.JS e os dados do lado do cliente buscando esse aplicativo, não atualizarei para o roteador de aplicativos Next.js.
Se você deseja usar o roteador de aplicativos Next.js e a busca de dados do lado do servidor, a solicitação de puxar é bem-vinda.
npm installcp .env-vercel.local.example .env.local
# modify env varsnpm run devcp .env-emb.local.example .env.local
# modify env varsBaixar conjuntos de dados de Aier-Data
correr
npm run embed:tnpm install supabase --save-devnpx supabase loginnpx supabase gen types typescript --project-id [YOUR-PROJECT-REF] --schema public > types_db.tsnpm i -g vercelvercel login
vercel link
vercel env pull .env.localPara começar, clique no botão "Implantar com vercel" abaixo.

Depois que o projeto for implantado, continue com as etapas de configuração abaixo.
A construção inicial falhará devido à falta de variáveis de ambiente de faixa. Depois de configurar o Stripe, reimplava o aplicativo.
Para redirecionar auth redirecion (Links Magic, provedores de OAuth) para funcionar corretamente em visualizações de implantação, navegue até as configurações de autenticação (por exemplo, https://app.supabase.com/project/:project-id/auth/url-configuration ) e adicione os seguintes urls de urls "Redirect https://**vercel.app/*/* "
Você pode ler mais sobre redirecionar padrões de curinga nos documentos.
Você pode usar provedores de login de terceiros como o GitHub ou o Google. Consulte os documentos para aprender a configurá -los. Uma vez configurado, você pode adicioná -los à matriz do provider do componente de Auth na página signin.tsx .