> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rocket.new/llms.txt
> Use this file to discover all available pages before exploring further.

# Video gallery

> Watch tutorials, feature walkthroughs, and community builds to learn how others use Rocket.new.

export const LlmsDirective = () => <blockquote className="llms-directive">
    For the complete documentation index, see <a href="/llms.txt">llms.txt</a>.
    For a lightweight markdown version of this page, append .md to the URL.
  </blockquote>;

<LlmsDirective />

export const videos = [{
  id: "tut1",
  title: "Vibe Solutioning with Rocket 1.0: Market Research, AI App Building & Competitor Tracking",
  youtubeId: "VfQkNjX1uy4",
  categories: ['tutorial']
}, {
  id: "tut2",
  title: "API Demo: ElevenLabs Voice + Razorpay Integration | Rocket.new",
  youtubeId: "6CkRLz2-6ns",
  categories: ['tutorial']
}, {
  id: "tut3",
  title: "Building web apps using Next.js with natural language | Rocket.new",
  youtubeId: "XbBjYquwDxM",
  categories: ['tutorial']
}, {
  id: "tut4",
  title: "Build Web + Mobile Apps from the Same Supabase Project (No Code) | Rocket.new",
  youtubeId: "_LGGhd8Peeo",
  categories: ['tutorial']
}, {
  id: "tut5",
  title: "Turn Any Figma Design Into Real Apps (Web & Mobile) | Rocket.new",
  youtubeId: "EdxHci_XDsE",
  categories: ['tutorial']
}, {
  id: "tut6",
  title: "Launch Your SaaS and Web App Suite Fast with No Code | Rocket.new",
  youtubeId: "gWiOPPLrIu8",
  categories: ['tutorial']
}, {
  id: "tut7",
  title: "The EASIEST Way To Build Your Mobile App in minutes | Rocket.new",
  youtubeId: "Ut8wUEkT0L0",
  categories: ['tutorial']
}, {
  id: "tut8",
  title: "The NEW Way To Build Fully Functional Apps With No Code (mobile & web) | Rocket.new",
  youtubeId: "FDaMRtEsPGQ",
  categories: ['tutorial']
}, {
  id: "howto1",
  title: "This Secret Command Scans Your Competitor's Website in one prompt | Rocket.new #websitedesign",
  youtubeId: "XQX6KbdO6b0",
  categories: ['feature & how-to']
}, {
  id: "howto2",
  title: "Adding payments with Razorpay in your app | Rocket.new",
  youtubeId: "MWVf2QVz2Gw",
  categories: ['feature & how-to']
}, {
  id: "howto3",
  title: "Search Your Product in ChatGPT Right Now, If It's Not There, Watch This | Rocket.new",
  youtubeId: "8ZwIKiMAnUI",
  categories: ['feature & how-to']
}, {
  id: "howto4",
  title: "The Backend That Kills Most SaaS Ideas | Rocket.new #backend #SaaS #rocketdotnew",
  youtubeId: "Fid_D586PCY",
  categories: ['feature & how-to']
}, {
  id: "howto5",
  title: "Paste Your Figma URL - Rocket Builds the Real Working App | Rocket.new #figmatocode #nocode",
  youtubeId: "19k31VR4HVs",
  categories: ['feature & how-to']
}, {
  id: "howto6",
  title: "Why Top Founders Don't Research Competitors Anymore | Rocket.new  #startupstrategy #aitools",
  youtubeId: "Z0NPzpRLgPU",
  categories: ['feature & how-to']
}, {
  id: "howto7",
  title: "Build with Precision using @ and / Commands | Rocket.new",
  youtubeId: "VKkhjIPFQj8",
  categories: ['feature & how-to']
}, {
  id: "howto8",
  title: "Build faster and precise with commands | Rocket.new",
  youtubeId: "GfFt0Kv2T64",
  categories: ['feature & how-to']
}, {
  id: "howto9",
  title: "Host your project on custom domain | Rocket.new",
  youtubeId: "LjDX-W8E7Ho",
  categories: ['feature & how-to']
}, {
  id: "howto10",
  title: "Implement CSV/Excel uploads | Rocket.new",
  youtubeId: "w3EsmRLyyFg",
  categories: ['feature & how-to']
}, {
  id: "howto11",
  title: "Easily undo changes with Rollback | Rocket.new",
  youtubeId: "jtVqbw9I0xU",
  categories: ['feature & how-to']
}, {
  id: "howto12",
  title: "Store and manage files using Supabase buckets | Rocket.new",
  youtubeId: "K9sA_2YOfjs",
  categories: ['feature & how-to']
}, {
  id: "com1",
  title: "Number 1 AI Coding Tool For Business People? Rocket Review",
  youtubeId: "7fpGuqppIhU",
  categories: ['community']
}, {
  id: "com2",
  title: "This AI Replaces an Entire Dev Team - Rocket",
  youtubeId: "3ghrmr532FA",
  categories: ['community']
}, {
  id: "com3",
  title: "I Built an Entire SaaS in 10 Minutes (No Developers)",
  youtubeId: "V8WIf3XnmSM",
  categories: ['community']
}, {
  id: "com4",
  title: "Text to App: How to Build a Real App with One Sentence",
  youtubeId: "aj7m7N1xULw",
  categories: ['community']
}, {
  id: "com5",
  title: "Watch Me Vibe Code a Job Board App in Minutes Using Rocket!",
  youtubeId: "UaDpoDjHv1U",
  categories: ['community']
}, {
  id: "com6",
  title: "How to Build a Simple App for the App Store Using AI (For Beginners)",
  youtubeId: "0S6IHp83zws",
  categories: ['community']
}, {
  id: "com7",
  title: "How to Build an App in Minutes with Rocket AI | No-Code Vibe Coding Tutorial",
  youtubeId: "aRxwy6kdioA",
  categories: ['community']
}, {
  id: "com8",
  title: "I Turned My Lovable Web App into a Mobile App For Android & iOS",
  youtubeId: "F23dYsrvGzg",
  categories: ['community']
}, {
  id: "com9",
  title: "The LAZIEST Way to Build AI Apps & Make Money in 2026 (No Coding)",
  youtubeId: "bS6y9xflyBg",
  categories: ['community']
}, {
  id: "com10",
  title: "Rocket App Builder Review | Build Apps with One Prompt",
  youtubeId: "_sPjy1GrbLQ",
  categories: ['community']
}, {
  id: "com11",
  title: "Rocket.new Review - 2026 | Can AI App Builder Really Build an App from One Prompt? - I Tested It…",
  youtubeId: "G2uEVkuWdCU",
  categories: ['community']
}, {
  id: "com12",
  title: "Rocket Builds Your App in 1 Prompt",
  youtubeId: "kUmAK3USMrA",
  categories: ['community']
}, {
  id: "com13",
  title: "Rocket.new Tutorial - 2026 | This AI Codes, Designs & Deploys Apps | How to Built a Web App With AI",
  youtubeId: "NW9accKi8zQ",
  categories: ['community']
}, {
  id: "com14",
  title: "Rocket.new - 2026 | I Tried to Build a Real Website Using This AI – Is It Any Good?",
  youtubeId: "QjYXaHMJmJQ",
  categories: ['community']
}, {
  id: "com15",
  title: "Vibe Coding is Dead: Meet Precision AI | Rocket.new Review",
  youtubeId: "WRVUwFVy3E0",
  categories: ['community']
}, {
  id: "com16",
  title: "Rocket AI Review – Build Full Stack Apps Automatically",
  youtubeId: "3SjHXOudegs",
  categories: ['community']
}, {
  id: "com17",
  title: "How I'd Build & Sell a $10,000 App to Clients in 25 Minutes",
  youtubeId: "7DVnfHXNE4k",
  categories: ['community']
}, {
  id: "com18",
  title: "This AI Solves The No Code Problem (Rocket)",
  youtubeId: "S2MP49Xr9PI",
  categories: ['community']
}, {
  id: "com19",
  title: "I Cloned a $24M App with AI (Rocket.new + n8n)",
  youtubeId: "P2_dHr3sRw4",
  categories: ['community']
}, {
  id: "com20",
  title: "How To Vibe code an iPhone App Making $200k a Month with AI",
  youtubeId: "opuM66uI5WQ",
  categories: ['community']
}, {
  id: "com21",
  title: "NEW AI Tool Created A FULL iPhone App (Make Money With Ai)",
  youtubeId: "QHPeeOx8r34",
  categories: ['community']
}, {
  id: "com22",
  title: "How To Make an iOS App Only Using Your Phone (No Skills Needed)",
  youtubeId: "VPdTs2nwxa0",
  categories: ['community']
}, {
  id: "com23",
  title: "I Built a Client-Ready SaaS Platform in 90 Minutes — Using Rocket Commands + Figma!",
  youtubeId: "R3hqe58y-cg",
  categories: ['community']
}, {
  id: "com24",
  title: "How to Build an App From Design to App Store Making $10,000",
  youtubeId: "y-0iLc7If9M",
  categories: ['community']
}, {
  id: "com25",
  title: "The Easiest Way to Build a $10,000 '1-PAGE' App (AI + No Code)",
  youtubeId: "LeO4-NlW7a4",
  categories: ['community']
}, {
  id: "com26",
  title: "Rocket: NEW AI Full-Stack Developer IS INSANE! Build HIGH Quality Full-Stack Apps With No CODE!",
  youtubeId: "LX7h4WV94DQ",
  categories: ['community']
}, {
  id: "com27",
  title: "Building a Custom SaaS App in 15 Minutes (without writing a backend)",
  youtubeId: "UR34T55bzSs",
  categories: ['community']
}, {
  id: "com28",
  title: "How to Build an App from Scratch with Rocket.new (STEP-BY-STEP)",
  youtubeId: "BoHWB8HhtIM",
  categories: ['community']
}, {
  id: "com29",
  title: "Rocket Coder: NEW AI Full-Stack Developer IS INSANE! Build HIGH Quality Full-Stack Apps With No CODE",
  youtubeId: "PWDDHgW3vog",
  categories: ['community']
}, {
  id: "com30",
  title: "Stop Paying Developers. Build Your Own App in Minutes (Full How To)",
  youtubeId: "uBsreAqhH6E",
  categories: ['community']
}, {
  id: "com31",
  title: "I Built a Full SaaS App in 30 Minutes with Rocket ( You Can Too! )",
  youtubeId: "C86FDEmmJr4",
  categories: ['community']
}, {
  id: "com32",
  title: "ROCKET AI Just Killed Every AI App Builder (it's FREE)",
  youtubeId: "2TB2QBQ1HQk",
  categories: ['community']
}, {
  id: "com33",
  title: "This New AI Tool Lets You Build ANYTHING! (Rocket.New)",
  youtubeId: "51K4hc3VdHs",
  categories: ['community']
}, {
  id: "com34",
  title: "I Built a SaaS MVP in Minutes Using Rocket.new – A Game Changer for Founders?",
  youtubeId: "UUeGbafEVQ4",
  categories: ['community']
}, {
  id: "com35",
  title: "How I Built a Startup-Ready Full-Stack App with Just AI (Auth, DB, API & Payments)",
  youtubeId: "6zDlxA9pVzg",
  categories: ['community']
}, {
  id: "com36",
  title: "Rocket.new | Build Production-Ready SaaS Apps With Zero Coding",
  youtubeId: "EYt4Y8G_GFQ",
  categories: ['community']
}, {
  id: "com37",
  title: "I Built an App in Under 5 Minutes Using Just My Phone",
  youtubeId: "M1I9udx4ZJc",
  categories: ['community']
}, {
  id: "com38",
  title: "How to Build a Complete Web & Mobile App Using AI | Rocket.new Step-by-Step Guide (NO Code)",
  youtubeId: "u33qOf_TpuY",
  categories: ['community']
}, {
  id: "com39",
  title: "Rocket.new Precision Mode: 100+ Commands That Actually Work",
  youtubeId: "VKkwcb0e3jA",
  categories: ['community']
}, {
  id: "com40",
  title: "Build a Production App from 1 Prompt (Web + Mobile)",
  youtubeId: "3twIHwbWl5E",
  categories: ['community']
}, {
  id: "com41",
  title: "I Built A Full Stack Mobile App From My Smartphone! 🤯",
  youtubeId: "XaBPbRAxt0w",
  categories: ['community']
}, {
  id: "com42",
  title: "Turn Figma Designs Into Apps with AI (In Minutes)",
  youtubeId: "1uYyQVk_7N4",
  categories: ['community']
}, {
  id: "com43",
  title: "The EASIEST Way To Build a Mobile App From Your Phone in Minutes (mobile no code app builder)",
  youtubeId: "zx6dEZqGZMo",
  categories: ['community']
}, {
  id: "com44",
  title: "How I’d Build a $1M App with Sora 2 (in 20 Minutes)",
  youtubeId: "RxNKKTVwzjk",
  categories: ['community']
}, {
  id: "com45",
  title: "I Used AI to Build a SaaS App from Scratch (Insane Results)🤯",
  youtubeId: "7FY_CKMfhUY",
  categories: ['community']
}, {
  id: "com46",
  title: "How to Turn Your Web App Into a Mobile App Using Rocket & Supabase",
  youtubeId: "opiBBlh24U4",
  categories: ['community']
}, {
  id: "com47",
  title: "From zero to AI app in 8 minutes - see how easy",
  youtubeId: "htFdXJySysI",
  categories: ['community']
}, {
  id: "com48",
  title: "Rocket.New is a New AI Coder that builds full stack complete applications all on its own.",
  youtubeId: "O4Jq9Tw-xxQ",
  categories: ['community']
}, {
  id: "com49",
  title: "🚀 Build Full Apps with Just a Prompt | Rocket.new AI App Builder.",
  youtubeId: "OK75-gq26ok",
  categories: ['community']
}, {
  id: "com50",
  title: "2026 için planım hazır! @rocketdotnew    Reklam",
  youtubeId: "u8WNxAPe1VA",
  categories: ['community']
}];

export const SearchBar = ({searchTerm, setSearchTerm}) => <div className="search-container">
  <input type="text" className="search-input" placeholder="Search videos..." value={searchTerm} onChange={e => setSearchTerm(e.target.value)} />
</div>;

export const VideoCard = ({video}) => {
  const [playing, setPlaying] = useState(false);
  return <div className="video-grid-item">
  {playing ? <iframe width="100%" src={`https://www.youtube.com/embed/${video.youtubeId}?autoplay=1`} title={video.title} frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe> : <div onClick={() => setPlaying(true)} style={{
    position: 'relative',
    cursor: 'pointer'
  }}>
    <img src={`https://img.youtube.com/vi/${video.youtubeId}/mqdefault.jpg`} alt={video.title} loading="lazy" style={{
    width: '100%',
    display: 'block'
  }} />
    <div style={{
    position: 'absolute',
    inset: 0,
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center'
  }}>
      <div style={{
    width: '56px',
    height: '56px',
    borderRadius: '50%',
    background: 'rgba(0,0,0,0.7)',
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
    transition: 'transform 0.15s'
  }}>
        <svg width="24" height="24" viewBox="0 0 24 24" fill="white"><polygon points="6,3 20,12 6,21" /></svg>
      </div>
    </div>
  </div>}
  <h3>{video.title}</h3>
  <div className="video-tags">
    {video.categories.map(category => <span key={category} className="video-tag">{category}</span>)}
  </div>
</div>;
};

export const VideoGrid = ({videos, searchTerm}) => {
  const filteredVideos = videos.filter(video => video.title.toLowerCase().includes(searchTerm.toLowerCase()));
  return <div>
  {filteredVideos.length > 0 ? <div className="video-grid">
    {filteredVideos.map(video => <VideoCard key={video.id} video={video} />)}
  </div> : <div className="no-results">No videos match your search</div>}
</div>;
};

export const AllVideosTab = () => {
  const [searchTerm, setSearchTerm] = useState('');
  return <div>
  <SearchBar searchTerm={searchTerm} setSearchTerm={setSearchTerm} />
  <VideoGrid videos={videos} searchTerm={searchTerm} />
</div>;
};

export const TutorialsTab = () => {
  const [searchTerm, setSearchTerm] = useState('');
  const tutorialVideos = videos.filter(video => video.categories.includes('tutorial'));
  return <div>
  <SearchBar searchTerm={searchTerm} setSearchTerm={setSearchTerm} />
  <VideoGrid videos={tutorialVideos} searchTerm={searchTerm} />
</div>;
};

export const FeatureHowToTab = () => {
  const [searchTerm, setSearchTerm] = useState('');
  const tutorialVideos = videos.filter(video => video.categories.includes('feature & how-to'));
  return <div>
  <SearchBar searchTerm={searchTerm} setSearchTerm={setSearchTerm} />
  <VideoGrid videos={tutorialVideos} searchTerm={searchTerm} />
</div>;
};

export const CommunityTab = () => {
  const [searchTerm, setSearchTerm] = useState('');
  const communityVideos = videos.filter(video => video.categories.includes('community'));
  return <div>
  <SearchBar searchTerm={searchTerm} setSearchTerm={setSearchTerm} />
  <VideoGrid videos={communityVideos} searchTerm={searchTerm} />
</div>;
};

Watch step-by-step tutorials from the Rocket team and builds from the community. Use the tabs to filter by type, or search for a specific topic.

<Tabs>
  <Tab title="All Videos">
    <AllVideosTab />
  </Tab>

  <Tab title="Tutorials">
    <TutorialsTab />
  </Tab>

  <Tab title="Feature & How-To">
    <FeatureHowToTab />
  </Tab>

  <Tab title="Community">
    <CommunityTab />
  </Tab>
</Tabs>