In this video I show you how to recreate a complete AI powered website using n8n and Gemini 3 Pro. The original site only offers a single input field and limited functionality, so I rebuilt the entire system from scratch and extended it into a fully working application. No coding required. You will learn how to use Gemini 3 Pro to generate the full frontend from a prompt, a screenshot, and a workflow file, and then connect everything to n8n so the website can actually run real requests. The workflow handles domain crawling, LLM ranking analysis, API calls, Supabase storage, and returning structured results back to the frontend. The process is simple once you see it. I walk you through every step including how to import the workflow, set up the APIs, configure Supabase correctly, and link the webhook so the UI and backend talk to each other. You end up with a complete working system you can rebuild or extend for your own projects.

In this short tutorial, I show you exactly how to connect your OpenAI API key in n8n. You’ll learn where to create your API key, how to copy it correctly, and how to add it to your n8n credentials so your workflows run without errors. Clear, simple, and straight to the point. youtube.com/watch?v=U-1fXfPyN80&feature=youtu.be