All posts tagged with "fullstack"
Add rich link previews and SEO optimization to your URL shortener. Implement OG meta tag scraping, social share preview pages, dynamic OG image generation, link preview caching, and bot-aware redirect handling for Facebook, Twitter, Slack, and LinkedIn.
Build a complete React admin dashboard for your URL shortener. Implement admin layout with sidebar navigation, system metrics cards, analytics charts, user management table, URL moderation queue, and audit log viewer with Recharts and Tailwind CSS.
Build a React frontend for your URL shortener with Vite and Tailwind CSS. Create URL shortening forms, analytics dashboards with Recharts, QR code generation, and a responsive user management interface.
Learn to build a production-ready URL shortener from scratch with Express, TypeScript, PostgreSQL, Redis, and React. A 15-post series covering API design, database modeling, caching, analytics, auth, deployment, admin panel, and SEO.
A curated list of pet projects that actually build real full-stack skills — from URL shorteners to real-time chat apps. Each project targets specific technologies and grows your portfolio with something worth showing.
Explore the modern developer ecosystem: Vercel for deployment, Supabase for backend, plus Clerk, Drizzle, Upstash, Resend, Stripe, and more. Learn when to use this stack vs traditional cloud.
Build and deploy complete full-stack TypeScript applications with shared types, monorepo architecture, API integration, authentication flows, and production deployment strategies.
Complete learning path to master full-stack TypeScript development with React 19, Next.js 15, and Node.js 22+. From fundamentals to production deployment.