The latest articles on DEV Community by Сергей Савкин (@__0e0d9aa3ee6). https://dev.to/__0e0d9aa3ee6 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3764458%2Fb6288523-7f85-4679-8c6c-924d1e6d98c1.jpg https://dev.to/__0e0d9aa3ee6 en Сергей Савкин Tue, 10 Feb 2026 18:58:35 +0000 https://dev.to/__0e0d9aa3ee6/i-built-an-ai-landing-page-roaster-with-nextjs-gpt-4o-vision-25oc https://dev.to/__0e0d9aa3ee6/i-built-an-ai-landing-page-roaster-with-nextjs-gpt-4o-vision-25oc <p>Show off: Built a landing page analyzer with GPT-4o Vision + Next.js in a weekend</p> <p>Tech stack:</p> <ul> <li>Next.js 14 (App Router)</li> <li>GPT-4o Vision for screenshot analysis</li> <li>GPT-4o-mini for free tier</li> <li>Tailwind CSS + Framer Motion</li> <li>Vercel deployment</li> <li>Crypto payments (USDT/Polygon)</li> </ul> <p>The AI takes a screenshot of any URL, extracts the HTML text, and sends both to GPT-4o for a full conversion analysis.</p> <p>Interesting technical challenges:</p> <ul> <li>Had to convert screenshots to base64 (OpenAI can't fetch external URLs reliably)</li> <li>Two-tier model approach saves ~90% on API costs for free users</li> </ul> <p>Live: <a href="https://roastpage-ai.com" rel="noopener noreferrer">https://roastpage-ai.com</a><br> Source: <a href="https://github.com/sergiologino/roastpage-ai" rel="noopener noreferrer">https://github.com/sergiologino/roastpage-ai</a></p> <p>Would love technical feedback!</p> webdev performance frontend ai