The app is now running. I've built a functional v0 clone with the following features:
Main Features:
Technical Implementation:
useChat from @ai-sdk/react with DefaultChatTransport for streaming/api/chat uses streamText with toUIMessageStreamResponse()react-syntax-highlighter using the oneDark themeJe vais configurer l'application pour utiliser Ollama, qui permet d'exécuter des LLMs localement et gratuitement.
Maintenant, ajoutons un sélecteur de modèle et une page de configuration pour aider l'utilisateur:
L'application est en cours d'exécution. Laissez-moi vérifier s'il y a des erreurs:
L'application est prête. Voici ce que j'ai configuré pour un fonctionnement gratuit et local :
Configuration Ollama :
Pour utiliser l'application localement :
Télécharger un modèle :
ollama pull llama3.2Lancer Ollama avec CORS activé :
# macOS/Linux
OLLAMA_ORIGINS="*" ollama serve
# Windows (PowerShell)
$env:OLLAMA_ORIGINS="*"; ollama serveL'interface affichera un dialogue d'aide si Ollama n'est pas détecté, avec toutes les instructions pour la configuration.