The NEW Nano Banana 2 + Claude Code = $10k Websites

The NEW Nano Banana 2 + Claude Code = $10k Websites

by Nate Herk

Applied Sciences & Engineering AI — Models & Research UYQArtificial intelligence (AI)UYQFGenerative artificial intelligence
🎙 Nate Herk 👥 964K 📅 March 3, 2026 ⏱ 20 min 👁 233K 📄 tutorial 🧭 2026-08-28
Available in: English (current) Français

Keywords

Claude CodeNano BananaAI websitescroll animationVercelGitHubweb developmentAI tutorialproduct landing page

Summary

This tutorial by Nate Herk demonstrates how to create professional, animated product landing pages using Google’s Nano Banana 2 image model and Anthropic’s Claude Code. The process involves generating start and end frames with Nano Banana, animating them with Kling 3.0, and then using Claude Code with custom ‘skills’ to build a scroll-driven website from the video. The video walks through setting up VS Code, installing the Claude Code extension, and using the provided skills to generate a website with a dark theme and smooth animations. It explains the difference between localhost and cloud deployment, and shows how to deploy the site using GitHub and Vercel. The creator emphasizes the potential to sell such websites for $5,000-$10,000, and highlights the ease of use for beginners. The tutorial includes troubleshooting, such as fixing animation timing and ensuring frames are included in the deployment. The video concludes with advice on finding clients and offering maintenance services.

154 words

Critical Evaluation

Value of the Information & Strength of the Argument

The video provides a practical, hands-on demonstration of a novel workflow that combines multiple AI tools to produce a tangible output. The value lies in its actionable steps and the free provision of custom ‘skills’ that streamline the process. The argumentation is persuasive, showing a real example of a website built in about 30 minutes. However, the claim that such websites can be sold for $10k is presented without market validation or evidence, relying on anecdotal potential. The creator’s enthusiasm is clear, but the economic feasibility is not critically examined.

Scientific Rigor, Source Quality, Title Accuracy

The video is a tutorial, not a scientific presentation, so it does not cite academic sources. The creator references tools like Claude Code, Nano Banana, Kling, GitHub, and Vercel, and provides links to his own resources and affiliate tools. The title accurately reflects the content, focusing on the combination of Nano Banana 2 and Claude Code to create websites with high commercial potential. The tutorial is methodical and includes troubleshooting, which adds to its credibility. However, the reliance on the creator’s own ‘skills’ and the lack of independent verification of the workflow’s effectiveness are limitations.

200 words

Title / Content Match

The title accurately reflects the content: the video showcases using Nano Banana 2 and Claude Code to build websites, with a focus on their potential commercial value.

Quality & Reliability

7/10

The video provides a clear, step-by-step tutorial on using AI tools to build animated websites. The methodology is reproducible and the creator demonstrates the process live. However, the claims about earning $10k are anecdotal and not backed by data. The reliance on third-party tools and the creator's own skill files introduces potential bias.

Chapters

Cited Sources

Concurring Sources

Contribution & Novelties

The video presents a novel workflow that integrates Google’s Nano Banana 2 for image generation, Kling for video animation, and Claude Code for automated web development, using custom ‘skills’ to streamline the process. This approach lowers the barrier for non-developers to create sophisticated, scroll-driven animated websites. The creator also shares his custom skills for free, which is a significant contribution to the community.

Pour aller plus loin :

  • Claude Code documentation — Official documentation for Claude Code, the AI coding assistant used in the tutorial.
  • Google Gemini (Nano Banana) — Information on Google’s Gemini models, which include the Nano Banana image generation capabilities.
  • Kling AI — The AI video generation tool used to animate the images.
  • Scroll-driven animations — MDN documentation on CSS scroll-driven animations, a key technique used in the generated websites.
  • Vercel — The platform used for deploying the websites.

142 words

Radar Profile

The radar profile shows high scores in information quantity and technical level, reflecting the detailed tutorial nature. The quality and reliability scores are moderate, indicating that while the content is useful, it lacks independent verification and relies on the creator's own claims.

Reliability 6/10

💬 Très positif. Sur les 30 commentaires analysés, la grande majorité exprime de l'enthousiasme et de la gratitude pour le tutoriel, certains mentionnant qu'ils ont pu suivre et créer des sites, tandis que d'autres posent des questions techniques ou demandent des précisions.