Vibe Coding Template
Dit is een template om met Bolt te werken waarbij we gebruik maken van Gemini. Dit template is gemaakt door Tom Naberink
🔧Setup Instructies
Stap 1: Fork dit template in GitHub
Ga naar github.com en login in. Ga dan naar deze pagina: https://github.com/TomNaberink/apitemplateTom
Klik rechtsbovenin op 'Use this template', geef het een gepaste naam voor je project en klik op 'create fork'.
https://github.com/TomNaberink/apitemplateTomStap 2: Import in Bolt.new
Open Bolt.new en login. Selecteer 'import from github' en login op GitHub. Kies dan de 'repository' die je net hebt geforkt.
Stap 3: Maak een .env.local bestand
Als het template is geladen ga je naar het tabblad "Code". Bij de files doe je rechtermuisknop en klik je op "New File". Die noem je .env.local. Daar binnen zet je het volgende:
GEMINI_API_KEY=your_actual_api_key_here⚠️ Vervang "your_actual_api_key_here" met je echte API key! (zie stap 3)
Stap 4: Verkrijg een Gemini API Key
Ga naar Google AI Studio om je gratis API key aan te maken:
Verkrijg API Key⚠️ Let op, je kunt gratis en risicovrij oefenen met de Gemini API. Daarnaast kun je 300,- dollar gratis budget krijgen. Als dat op, dan moet je het koppelen aan je creditcard. Zorg ervoor dat je weet wat je doet op dat moment!
Stap 5: Test je API Key & Alle Features
💬Test je API Key
Kies AI Model
⚠ Langzaamste responses
🎯 Beste voor analyses
✓ Goede kwaliteit
🎯 Beste voor dagelijks gebruik
✓ Bronvermelding
⚠ Minder slim model
🎯 Automatisch Google Search
Stap 6: Bouwen maar!
Er staat veel informatie in de README.md, maar je mag ook lekker gaan viben! Wat ga jij maken om het onderwijs te verbeteren?
Stap 7: Deploy met Vercel
Ga naar Vercel.com, login en koppel je Github. Klik op 'Add New' en importeer de Github die je net hebt gemaakt binnen Bolt. KLIK NOG NIET OP DEPLOY. Eerst moet je de 'Environment Variable' instellen:
⚙️ Environment Variables instellen:
- • Bij 'Key' vul je
GEMINI_API_KEYin - • Bij 'Value' vul je je echte API key in
- • Klik dan pas op 'Deploy'
Stap 8: Testen en delen
🎉 Gefeliciteerd! Je AI-tool is nu live op het internet. Test alles zorgvuldig voordat je het deelt!
🌟 Tijd om te delen! Laat je collega's, studenten of vrienden zien wat je hebt gebouwd. Wie weet inspireer je anderen om ook te gaan experimenteren met AI in het onderwijs! 🚀
Vibe Coding Template door Tom Naberink • Powered by Bolt, Next.js & Gemini AI