AIER est une application Web qui vous permet de créer et de partager des avatars AI avec vos amis. Il est construit avec Next.js, Supabase et Openai.
https://aier.app/


2023-06-05: J'ai décidé d'utiliser le routeur de la page Next.js et les données côté client pour créer cette application, je ne regrouperai pas le routeur de l'application Next.js par moi-même.
Si vous souhaitez utiliser le routeur de l'application Next.js et la récupération des données côté serveur, la demande de traction est la bienvenue.
npm installcp .env-vercel.local.example .env.local
# modify env varsnpm run devcp .env-emb.local.example .env.local
# modify env varsTéléchargez des ensembles de données à partir d'Aier-Data
courir
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.localPour commencer, cliquez sur le bouton "Déployer avec Vercel" ci-dessous.

Une fois le projet déployé, continuez avec les étapes de configuration ci-dessous.
La construction initiale échouera en raison des variables d'environnement de rayures manquantes. Après avoir configuré Stripe, redéployez l'application.
Pour les redirects Auth (liens magiques, fournisseurs OAuth) pour travailler correctement dans le déploiement des prévisualisation, accédez aux paramètres AUTH (c'est-à-dire https://app.supabase.com/project/:project-id/auth/url-configuration ) et ajoutez le wildcard wildcard suivant à "Redirect urls": https://**vercel.app/*/* .
Vous pouvez en savoir plus sur la redirection des modèles génériques dans les documents.
Vous pouvez utiliser des fournisseurs de connexions tiers comme GitHub ou Google. Reportez-vous aux documents pour apprendre à les configurer. Une fois configuré, vous pouvez les ajouter au tableau des provider du composant Auth sur la page signin.tsx .