The latest articles on DEV Community by Nicholas Fasulo (@nickfasulo). https://dev.to/nickfasulo https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F367528%2F04ca8a9d-fe60-441e-a66f-f2acf7bf198f.jpeg https://dev.to/nickfasulo en Nicholas Fasulo Thu, 24 Sep 2026 16:46:50 +0000 https://dev.to/nickfasulo/how-i-built-an-ultra-fast-movie-discovery-app-with-nextjs-edge-runtime-and-openai-33dj https://dev.to/nickfasulo/how-i-built-an-ultra-fast-movie-discovery-app-with-nextjs-edge-runtime-and-openai-33dj <h2> The Problem </h2> <p>Finding something to watch shouldn't feel like a chore. Legacy movie sites are often weighed down by heavy ads, sluggish page transitions, and buried streaming links. I wanted a tool that got straight to the point: instant search, immediate streaming availability, and quick, objective AI synopses.</p> <p>So, I solo-developed Galaxy Movies.</p> <p>Live Demo: <a href="https://www.galaxymovies.app/" rel="noopener noreferrer">https://www.galaxymovies.app/</a></p> <p>GitHub: <a href="https://github.com/NickFasulo/galaxy-movies" rel="noopener noreferrer">https://github.com/NickFasulo/galaxy-movies</a></p> <h2> Key Features </h2> <p>Lightning-Fast Search: Browse thousands of titles and explore cast networks in a clean, cosmic dark-mode UI.</p> <p>One-Click Streaming Check: Instantly view exact platform availability (where to stream, rent, or buy) without jumping through menus.</p> <p>Instant AI Synopses: Concise, objective film overviews powered by OpenAI to give quick context before pressing play.</p> <p>Dynamic OG Cards: Social share preview cards rendered on the fly with custom branding.</p> <h2> Tech Stack &amp; Architecture Highlights </h2> <ul> <li> <strong>Frontend:</strong> Next.js (Pages Router) + Chakra UI</li> <li> <strong>State &amp; Data:</strong> React Query + TMDB API</li> <li> <strong>Edge &amp; AI Services:</strong> Vercel Edge Runtime (<code>@vercel/og</code>) + OpenAI API</li> <li> <strong>Quality Assurance:</strong> Lighthouse CI</li> </ul> <ol> <li> <strong>Dynamic Social Cards on Vercel Edge Runtime:</strong> Built dynamic Open Graph image generation using <code>@vercel/og</code>. Requests parse title and poster data on Edge functions to serve custom social cards with sub-100ms response times.</li> <li> <strong>TMDB Image Optimization Bypass:</strong> Direct-to-CDN poster loading to bypass server image transformation limits while maintaining high performance.</li> <li> <strong>Automated Quality Checks:</strong> Integrated Lighthouse CI to enforce performance, accessibility, and SEO thresholds on builds.</li> </ol> ai nextjs openai showdev