Ich habe die Chat-App auf das kostenlose Vercel AI Gateway umgestellt. Das AI Gateway verwendet das gpt-4o-mini Modell, das standardmäßig ohne API-Keys verfügbar ist und automatisch die besten Provider auswählt. Der Code ist jetzt viel einfacher und nutzt die AI SDK streamText Funktion mit direktem Text-Streaming, ohne die komplexe Gemini SSE-Parsing-Logik.
Ich habe die Probleme behoben: Der unnötige Lade-Indikator wurde entfernt und die Logik für AI-Antworten wurde korrigiert. Jetzt wird die Assistant-Nachricht erst zur Liste hinzugefügt, wenn tatsächlich Content vom Stream kommt, sodass keine leeren Sprechblasen mehr erscheinen. Die Hacker-Background-Animation bleibt erhalten während Nachrichten verarbeitet werden.
The code returns the following error:
fetch to https://ai-gateway.vercel.sh/v1/ai/language-model failed with status 403 and body: {"error":{"message":"AI Gateway requires a valid credit card on file to service requests. Please visit https://vercel.com/d?to=%2F%5Bteam%5D%2F%7E%2Fai%3Fmodal%3Dadd-credit-card to add a card and unlock your free credits.","type":"customer_verification_required"}}
Revise the code to address the error.
I was previewing: /