Back to Browse

mein soziales netzwerk

1.9K views
Mar 15, 2026
15:07

Komm heute um 20 Uhr: https://twohrs.com/ Du möchtest diesen Kanal unterstützen? ☕️ Kauf mir einen Kaffee und hilf mir dabei, weiter diesen Quatsch zu produzieren: https://buymeacoffee.com/lorisgalleu 🦤 Folg mir auf X: https://x.com/loris_galler In diesem Video baue ich twohrs, ein soziales Netzwerk, das nur 2 Stunden am Tag geöffnet ist – von 20 bis 22 Uhr. Keine endlosen Feeds, kein Algorithmus, kein Doomscrolling. Einfach zwei Stunden Internet pro Abend. Die App entstand komplett durch Vibe-Coding mit Claude: Von der ersten Idee über einen 668-Zeilen-Plan bis hin zum funktionierenden MVP mit Next.js, Supabase und Tailwind CSS. Insgesamt über 9.000 Zeilen Code, tägliche Daten-Resets, Live-Leaderboards und eine Hall of Fame für die besten Posts. Das Konzept hinter twohrs ist simpel: Du hast jeden Abend zwei Stunden Zeit, deine besten Memes, Gedanken oder Links zu posten. Die Community votet, kommentiert und diskutiert – und um 22 Uhr wird alles gelöscht. Am nächsten Abend beginnt wieder alles bei Null. Im Video zeige ich: - wie twohrs entstanden ist - wie vibe-coding mit Claude Code ein komplettes Projekt planen kann - den Tech-Stack (Next.js, Supabase, Tailwind) - Features wie Kommentare, @mentions, Hashtags und Live-Leaderboards - das tägliche Reset-System der Datenbank - Moderation, Security-Audit und DSGVO-Umsetzung - warum die App bewusst anti-attention-economy gebaut ist Außerdem sprechen wir über die Probleme beim Vibe-Coding, gefundene Sicherheitslücken, virales Signup-Design und warum alles auf twohrs jeden Tag gelöscht wird. Ressourcen: Supabase (Datenbank & Auth System): https://supabase.com Cloudflare Turnstile (Captcha ohne nervige Rätsel): https://developers.cloudflare.com/turnstile/ NSFWJS (AI-Modell zur NSFW-Erkennung von Bildern): https://github.com/infinitered/nsfwjs Next.js (React Framework für die App): https://nextjs.org Tailwind CSS (Utility-First CSS Framework): https://tailwindcss.com Claude Code / Claude Opus (AI für Planung & Vibe-Coding): https://claude.ai Vercel (Hosting der Next.js App): https://vercel.com Google PageSpeed Insights (Performance Analyse): https://pagespeed.web.dev/analysis/https-twohrs-com/je1bkwh3n5?form_factor=desktop Cloudflare (Security, DNS & Bot-Protection): https://cloudflare.com Vollständiger Code: https://github.com/loris307/twohrs Abonniere meinen Kanal für mehr Videos über Programmieren #twohrs #vibecoding #claudecode #aicoding #claudeai #buildinpublic #nextjs #supabase #webdevelopment #programming #socialnetwork #indiehacker #aiworkflow #techstartup #codingproject

Download

0 formats

No download links available.

mein soziales netzwerk | NatokHD