AIER es una aplicación web que le permite crear y compartir avatares AI con sus amigos. Está construido con Next.js, Supabase y OpenAi.
https://aier.app/


2023-06-05: He decidido usar el enrutador de página Next.js y la obtención de datos del lado del cliente para construir esta aplicación, no actualizaré al enrutador de aplicaciones Next.js por mí mismo.
Si desea usar el enrutador de aplicaciones Next.js y la obtención de datos del lado del servidor, la solicitud de extracción es bienvenida.
npm installcp .env-vercel.local.example .env.local
# modify env varsnpm run devcp .env-emb.local.example .env.local
# modify env varsDescargar conjuntos de datos de datos AIER
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 comenzar, haga clic en el botón "Implementar con Vercel" a continuación.

Una vez que el proyecto se haya implementado, continúe con los pasos de configuración a continuación.
La construcción inicial fallará debido a las variables de entorno de rayas faltantes. Después de configurar Stripe, vuelva a desplegar la aplicación.
Para las redireccionamientos de autenticación (enlaces mágicos, proveedores de OAuth) para que funcionen correctamente en las vistas previas de implementación, navegue a la configuración de autenticación (es decir, https://app.supabase.com/project/:project-id/auth/url-configuration ) y agregue el siguiente cursor Wild url a "redirigir urls": https://**vercel.app/*/* .
Puede leer más sobre los patrones de comodín de redirigir en los documentos.
Puede usar proveedores de inicio de sesión de terceros como Github o Google. Consulte los documentos para aprender a configurarlos. Una vez configurado, puede agregarlos a la matriz provider del componente Auth en la página signin.tsx .