Websites en apps bouwen en publiceren

Werk van eisen naar implementatie, tests, beveiligingscontroles en publicatie van een website of app, met een voorbereid herstelplan.

Begin met één werkende gebruikersroute en voeg de benodigde schermen en koppelingen toe. Controleer weergave op verschillende schermen, toegangsrechten en productiegedrag voordat je de release uitbreidt.

Markdown

• In één avond een geanimeerde website bouwen met Claude CodeRegels tegen templateachtig ontwerp, visuele richtingen, GSAP, toegankelijkheid en prestatietests voor een geanimeerde website in Claude Code.
• Astro of Next.js: welke kies je voor een AI-website in 2026?Een vergelijking van Astro en Next.js voor een website die door een AI-agent is gebouwd: doel, structuur, hosting, kosten en leercurve. Inclusief een keuzetabel op basis van scenario’s.
• Is het in 2026 veilig om Claude Code toegang te geven tot je gegevens?Welke gegevens Claude Code verstuurt, hoe bestanden en machtigingen worden gebruikt en welke instellingen en controles helpen om datalekken te voorkomen.
• Beveiliging bij vibe coding: zo bescherm je een met AI gebouwde appHoe je voorkomt dat een met AI gebouwde app wordt gehackt: de datalekken bij Lovable en Tea, geheimen en sleutels beschermen, RLS, agentmachtigingen en een beveiligingschecklist voor publicatie.
• AI heeft de database verwijderd: een herstelplan van 7 minutenWat je moet doen nadat gegevens zijn verwijderd: stop de agent, leg het incident vast en gebruik git reflog, PITR, snapshots en bestandsherstel. Voorbeelden en beveiligingsmaatregelen.
• Een product met AI gebouwd: zo verbeter je het veilig na de lanceringVeilig productonderhoud na de lancering: git, terugzetten, staging, bescherming van geheimen, hosting, back-ups en onderhoud. Alle zes prompts zijn behouden.
• Wat is Astro? Een framework voor je door AI gebouwde websiteAstro in eenvoudige bewoordingen: wat dit framework is, hoe het verschilt van Tilda, voor welke soorten websites het geschikt is en waarom je het nodig hebt als AI je website bouwt.
• Claude Code GitHub Action: kwetsbaarheid herstellen en je repo beschermenAnalyse van de kwetsbaarheid in claude-code-action vóór v1.0.94: workflowcontroles, beperkingen voor tools, tokens met minimale rechten en CI/CD-bescherming.
• Claude Design: een handleiding en vijf praktische scenario’sFuncties, prijzen, design system, landingspagina’s, presentaties, prototypes en HTML-e-mails. Export, beperkingen en het overdragen van het resultaat aan Claude Code.
• Codex Sites: interne tools en beperkingen van de serviceHoe Codex Sites, D1 en R2 werken, voor wie een interne site bedoeld is, hoe die verschilt van openbare websitebouwers en met welke beperkingen je rekening moet houden.
• Coolify en Claude Code: implementeer een project op je eigen VPSPubliceer een project met Coolify en Claude Code op je VPS: GitHub koppelen, Next.js uitrollen, domein en HTTPS instellen en verbindingsproblemen oplossen.
• Security Agents en Rollouts in Cursor: beveiligingscontroles en releasemonitoringSecurity Reviewer, Vulnerability Scanner en Rollouts inschakelen in Cursor Automations: triggers, gebruik uit de teampool, abonnementen en de verschillen met Bugbot.
• Google Stitch + Claude Code: websites ontwerpen zonder de “AI-uitstraling”Een complete handmatige Google Stitch-naar-Claude Code-route: HTML/CSS exporteren, DESIGN.md uit lokale bestanden opbouwen, een pagina bouwen en testen en onopgeloste MCP-authenticatie afbakenen.
• Hoe je je site openstelt voor de zoekcrawlers van ChatGPT, Claude en PerplexityNamen van zoek- en trainingscrawlers, een volledig robots.txt-voorbeeld, sitemap, beschikbaarheid van tekst en beperkingen op citaten.
• AI-code controleren zonder programmeerkennis: 7 controlesAI heeft de code geschreven, maar je weet niet hoe je die moet lezen? Een kant-en-klare checklist met 7 controles en prompts om kapotte code en beveiligingslekken op te sporen voordat je publiceert.
• Claude Code tegen kwaadaardige repositories beschermen: 7 regelsVier gedocumenteerde indirecte promptinjectieroutes via repositories, GitHub-inhoud, Sentry-events en MCP-metadata, met primaire bronnen en grenzen van inperking.
• Astro-site via Claude Code: van map tot publicatieStapsgewijze handleiding: hoe je zonder programmeerkennis een site bouwt met Astro via Claude Code. Wat je moet installeren, welk commando je gebruikt om een project aan te maken en hoe je het gratis publiceert.
• Kimi Code Never Ask: modi en gevaarlijke opdrachtenIn de modus Never Ask voert Kimi Code rm -rf en shutdown uit zonder het te vragen. Wat is het verschil tussen de 3 modi en hoe kun je een gevaarlijke opdracht verbieden in config.toml?
• FrontierCode Diamond: 13.4% samenvoegbare patches op 50 moeilijke takenDe FrontierCode-resultaten van juni 2026: 13.4% op 50 moeilijke Diamond-taken tegenover 51.8% op Extended, en hoe je een AI-patch beoordeelt.
• Afbeeldingen en lettertypen in een product: bronnen en licentiesUnsplash, Pexels, Google Fonts en betaalde licenties: gebruiksvoorwaarden, naamsvermelding en controleren welke rechten voor elk bestand gelden.
• GitHub-code in een commercieel product: licenties en wat je moet controlerenPermissieve MIT-, Apache- en BSD-licenties, copyleft GPL/AGPL, het ontbreken van een LICENSE-bestand en het controleren van de herkomst van code die door AI is toegevoegd.
• Een website zonder sjabloon met Claude Code en Refero DESIGN.mdDesigncontext van Refero Styles: de structuur van DESIGN.md, een visueel systeem kiezen, het importeren in CLAUDE.md, vier stappen om een pagina te maken en veelgemaakte fouten.
• Claude Code /security-review: stappen en GitHub ActionsHoe je de beveiliging van een vibe-project controleert met /security-review in Claude Code. Stappen voor de configuratie, een GitHub Action-sjabloon, 6 soorten kwetsbaarheden en eerlijke beperkingen.
• utm_source=chatgpt.com: hoe je verkeer vanuit ChatGPT meetUTM-tag en referrer, een segment in Metrika, landingspagina’s, GA4 en de rollen van OAI-SearchBot, GPTBot en ChatGPT-User.
• Vercel: omgevingsvariabelen zonder .env in GitEnvironment Variables, Development/Preview/Production, een nieuwe deployment en sleutels in Next.js veilig controleren zonder ze aan de browser door te geven.