Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

You (with zero coding experience) can now create websites from scratch using AI in less than 20 minutes with this template: In this video and I walk you through the process of: 1. setting up the Template on Claude Projects and how to connect your Replit (Code Base) to... your Google Firebase (Database, Storage, Auth). 2. Using the template to turn one of your ideas into a working web app with: -----> Clean Stylized Front End -----> Database -----> Storage, -----> User Sign in + Profile Page -----> File + Post Uploads In less than 20 min. The best part is... Next week we will show you how to create API endpoints, and you'll be able to create full web apps with multiple AI features. Sections of this video ---------- 00:00 Introduction 02:28 Template Set Up 17:47 Building App with the Templateshow more

Riley Brown

215,408 subscribers

122,604 views • 2 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 Comments

Riley Brown2 years ago

full instructions for Template (CREATE DOT INC)

Imrat2 years ago

@anshnanda_ You gave me an idea. Just tested it. Replit SSH Tool <--> Cursor Remote SSH Works!!!

Riley Brown2 years ago

@anshnanda_ Woahhhhhh woahhhhh what is this???? need to try

TUPACABRA2 years ago

@anshnanda_ It's true. Thank you for making these videos. Riley.

Riley Brown2 years ago

@anshnanda_ 💪💪

Damiano Redemagni2 years ago

@anshnanda_ the internets have been waiting for this.

Riley Brown2 years ago

@anshnanda_ tried my best to get it out yesterday but we had to improve the template slightly.

Jake Hower2 years ago

Question: Have you looked at using Cursor? I'm doing the exact same thing as you, building tools without coding any of it. I've progressed from @Airtable scripting/function writing, integrated with @softr_io . I build a Chrome extension with Cursor which is pretty sweet Now moving on to more complex apps, again with Cursor. I'm testing @plasmicapp for building the front end. I've found it's faster for me to visually build vs working with the LLMs to get what I want.

Riley Brown2 years ago

@anshnanda_ @airtable @softr_io cursor is harder to deploy on. therefore i wont go there. i want to learn, and share what i learn which means i can't get too distracted by tools and just focus on building.

Kashif Pirzada, MD2 years ago

@anshnanda_ This is brilliant! Thanks for sharing. Who knows how many cool sites and apps will come out of this.

Related Videos

CLAUDE + CURSOR + REPLIT = MAGIC (FULL VIDEO TUTORIAL) You can now write create complex web apps with just english (No copy - paste) using the BEST AI Code generation tool on the market - Cursor. The only problem with cursor for a coding beginner like me, is that its not that easy to deploy web apps. Well, Replit ⠕ makes deploying web apps and creating templates incredibly easy. In this video goes over how to sync Cursor and Replit. And then using our new template we made an AI version of Trello by Atlassian in like 6 or 7 cursor composer prompts. --------------------- In this video: 00:00 - Intro 04:08 - Syncing Cursor and Replit 07:40 - setting up Firebase 10:27 - Using Cursor and Replit to Create Trello Front End 19:41 - Setting up Backend API endpoint (we will make dedicated video on this soon w/template) 21:09 - Adding AI features to Trello!

CLAUDE + CURSOR + REPLIT = MAGIC (FULL VIDEO TUTORIAL) You can now write create complex web apps with just english (No copy - paste) using the BEST AI Code generation tool on the market - Cursor. The only problem with cursor for a coding beginner like me, is that its not that easy to deploy web apps. Well, Replit ⠕ makes deploying web apps and creating templates incredibly easy. In this video goes over how to sync Cursor and Replit. And then using our new template we made an AI version of Trello by Atlassian in like 6 or 7 cursor composer prompts. --------------------- In this video: 00:00 - Intro 04:08 - Syncing Cursor and Replit 07:40 - setting up Firebase 10:27 - Using Cursor and Replit to Create Trello Front End 19:41 - Setting up Backend API endpoint (we will make dedicated video on this soon w/template) 21:09 - Adding AI features to Trello!

Riley Brown

309,237 views • 1 year ago

Let's build a Deepseek Wrapper (Mobile App) without writing a single line of code! Everyone is talking about building web apps with AI, but no one is talking about building mobile apps. This video tutorial and @senior_swc template (built by ) will help you get starting building an app on iOS. This is react native so it's also compatible with Android and Web (But we will cover this in a future video). The point of this video is to get some experience in the simulator and to start building an app. In a video, soon, we will take the app we've built, test it on our phone, and put it on Test-Flight! (Without writing ANY code!) Just a warning: The DeepSeek API has been tough to rely on. So I decided to add Gemini into my app as a backup, which you can do as well (with any AI model) The code for template is on the next tweet. Timestamps: 00:00 Introduction 01:35 Setting Up Xcode and iPhone Simulator 02:29 Downloading and Configuring Cursor 04:10 Forking the Template and Initial Setup 06:10 Implementing Authentication with Clerk 08:23 Adding DeepSeek API and Testing 13:35 Enhancing the App with SupaData API 19:00 Using the Serp API to fetch video links 23:00 Figuring things out 27:30 Woohoo!!! Perplexitube Shout out to Galaxies-dev on GitHub, who's repo (chatgpt-clone-react-native), we very helpful in building this template quickly.

Let's build a Deepseek Wrapper (Mobile App) without writing a single line of code! Everyone is talking about building web apps with AI, but no one is talking about building mobile apps. This video tutorial and @senior_swc template (built by ) will help you get starting building an app on iOS. This is react native so it's also compatible with Android and Web (But we will cover this in a future video). The point of this video is to get some experience in the simulator and to start building an app. In a video, soon, we will take the app we've built, test it on our phone, and put it on Test-Flight! (Without writing ANY code!) Just a warning: The DeepSeek API has been tough to rely on. So I decided to add Gemini into my app as a backup, which you can do as well (with any AI model) The code for template is on the next tweet. Timestamps: 00:00 Introduction 01:35 Setting Up Xcode and iPhone Simulator 02:29 Downloading and Configuring Cursor 04:10 Forking the Template and Initial Setup 06:10 Implementing Authentication with Clerk 08:23 Adding DeepSeek API and Testing 13:35 Enhancing the App with SupaData API 19:00 Using the Serp API to fetch video links 23:00 Figuring things out 27:30 Woohoo!!! Perplexitube Shout out to Galaxies-dev on GitHub, who's repo (chatgpt-clone-react-native), we very helpful in building this template quickly.

Riley Brown

128,580 views • 1 year ago

Less than 24h left for you to submit a "day in my life" video with the Chibi template. Here is how you can use reference images to create your video. Try it in the Grok app!

Less than 24h left for you to submit a "day in my life" video with the Chibi template. Here is how you can use reference images to create your video. Try it in the Grok app!

Grok Imagine

177,404 views • 4 months ago

Vibe Coding with Codex - Complete Guide Build a Web App, Desktop App & iOS App with Codex + GPT‑5.5 (No Coding Needed, Beginner Friendly) In this video you will learn: > Vibe Coding Basics + Vocab > How to build a web app using Codex > Add db, auth + storage with Firebase > Github Basics > Add AI Features (API's) > Deploy to internet (Vercel) > Convert Web App into Desktop app & iOS App Chapters 00:00 Intro 01:12 Setting up Codex 01:57 The basics of Vibe Coding and Codex 02:20 Projects, Files, App 03:45 Example App - Microsoft Paint 04:25 Running app locally 06:39 Save My Code - Use Github 10:37 Quick Review before building app 12:24 Building a web app - The Prompt 15:32 Creating Web App Project 16:34 Explaining Firebase (Database, Storage, Auth) 18:42 Setting up Firebase Project 22:54 Prompting Codex to build our app 24:49 Inspect Element - Console 26:24 Verify Data being Stored in Database 27:51 Making Changes to App 31:29 Fixing Storage Permissions with Codex 32:20 GPT API - Adding AI to our app 36:20 Making more changes using screenshots 39:02 Queuing vs Steering 40:23 Deploying our app to Vercel (App on Internet) 43:09 Convert web app to desktop app and iOS app 47:15 Web App and Desktop App work Now 48:36 Now let's run the iOS app 50:27 All three apps work! 51:11 Making Changes to iOS app 52:51 Testing agent skill feature of our app 53:55 Summary of what we did

Vibe Coding with Codex - Complete Guide Build a Web App, Desktop App & iOS App with Codex + GPT‑5.5 (No Coding Needed, Beginner Friendly) In this video you will learn: > Vibe Coding Basics + Vocab > How to build a web app using Codex > Add db, auth + storage with Firebase > Github Basics > Add AI Features (API's) > Deploy to internet (Vercel) > Convert Web App into Desktop app & iOS App Chapters 00:00 Intro 01:12 Setting up Codex 01:57 The basics of Vibe Coding and Codex 02:20 Projects, Files, App 03:45 Example App - Microsoft Paint 04:25 Running app locally 06:39 Save My Code - Use Github 10:37 Quick Review before building app 12:24 Building a web app - The Prompt 15:32 Creating Web App Project 16:34 Explaining Firebase (Database, Storage, Auth) 18:42 Setting up Firebase Project 22:54 Prompting Codex to build our app 24:49 Inspect Element - Console 26:24 Verify Data being Stored in Database 27:51 Making Changes to App 31:29 Fixing Storage Permissions with Codex 32:20 GPT API - Adding AI to our app 36:20 Making more changes using screenshots 39:02 Queuing vs Steering 40:23 Deploying our app to Vercel (App on Internet) 43:09 Convert web app to desktop app and iOS app 47:15 Web App and Desktop App work Now 48:36 Now let's run the iOS app 50:27 All three apps work! 51:11 Making Changes to iOS app 52:51 Testing agent skill feature of our app 53:55 Summary of what we did

Riley Brown

146,775 views • 3 months ago

Claude Code is the best coding agent AND general agent in the world. Let's talk about: - Setting up Claude Code - Using it as a general agent (Research + Content) - Claude Code + Obsidian - Building and deploying web apps Vercel GitHub - Database + Auth Firebase TIMESTAMPS: 00:00 Intro 00:44 Installing Claude Code 03:39 Creating Folders and Text Files 04:35 Using Claude Code as a Content Research Agent with Obsidian 18:06 Review: It's a general agent, that can control your cpu 19:02 Building Apps with Claude Code 21:36 Bypassing Permissions (Dangerously) 22:45 Creating a landing page 25:08 Setting up and "Saving" to GitHub 30:27 Deploying to Vercel 32:32 Building a web app with auth and db (Firebase) 35:03 Setting up Firebase 38:58 Our Web App With Auth Works! 42:55 You can add your own domain

Claude Code is the best coding agent AND general agent in the world. Let's talk about: - Setting up Claude Code - Using it as a general agent (Research + Content) - Claude Code + Obsidian - Building and deploying web apps Vercel GitHub - Database + Auth Firebase TIMESTAMPS: 00:00 Intro 00:44 Installing Claude Code 03:39 Creating Folders and Text Files 04:35 Using Claude Code as a Content Research Agent with Obsidian 18:06 Review: It's a general agent, that can control your cpu 19:02 Building Apps with Claude Code 21:36 Bypassing Permissions (Dangerously) 22:45 Creating a landing page 25:08 Setting up and "Saving" to GitHub 30:27 Deploying to Vercel 32:32 Building a web app with auth and db (Firebase) 35:03 Setting up Firebase 38:58 Our Web App With Auth Works! 42:55 You can add your own domain

Riley Brown

207,950 views • 1 year ago

The fastest and easiest way to create a NextJS landing page with Cursor: In this video 1. Start From Template 2. Edit the site with an image and a few prompts 3. Deploy to Vercel 4. Connect to Custom Domain Template / prompt is pinned to @senior_swc

The fastest and easiest way to create a NextJS landing page with Cursor: In this video 1. Start From Template 2. Edit the site with an image and a few prompts 3. Deploy to Vercel 4. Connect to Custom Domain Template / prompt is pinned to @senior_swc

Riley Brown

24,692 views • 1 year ago

Check out my newest Framer template and it's a 12+ page template & totally FREE 👀 Crest is your go-to modern app website template on Framer. With over 12 pages, it’s your ticket to launching with flair. 👉 Want the template for Free? Simply like this post, hit repost, and drop a "Crest" in the comments. I'll send you the Remix link!

Check out my newest Framer template and it's a 12+ page template & totally FREE 👀 Crest is your go-to modern app website template on Framer. With over 12 pages, it’s your ticket to launching with flair. 👉 Want the template for Free? Simply like this post, hit repost, and drop a "Crest" in the comments. I'll send you the Remix link!

Samar Jamil

13,039 views • 1 year ago

I’m giving away the full template that I use to deliver my $999 AI Assessment reports. Completely free. I just rebuilt it from the ground up in Claude Design. -Download the free template -Ask Claude Design to "import it as-is" -fill in with your client details This video explains exactly how to upload the template to Claude Design and how to position each section of the report. Download it at

I’m giving away the full template that I use to deliver my $999 AI Assessment reports. Completely free. I just rebuilt it from the ground up in Claude Design. -Download the free template -Ask Claude Design to "import it as-is" -fill in with your client details This video explains exactly how to upload the template to Claude Design and how to position each section of the report. Download it at

Corey Ganim

20,311 views • 2 months ago

The REAL DARK TRUTH about AI tools that nobody talks about: in like 20 minutes you can - open cursor (with @senior_swc template, free) - write a few prompts - add features (and ai features) - debug errors by copy and pasting - add database - add auth / google sign in - add image uploads w/ storage - make changes to the database just by talking to cursor And then have an app that you, and other people can use, that actually brings you value. For.... checks notes, twenty dollars / month. Total rip off.

The REAL DARK TRUTH about AI tools that nobody talks about: in like 20 minutes you can - open cursor (with @senior_swc template, free) - write a few prompts - add features (and ai features) - debug errors by copy and pasting - add database - add auth / google sign in - add image uploads w/ storage - make changes to the database just by talking to cursor And then have an app that you, and other people can use, that actually brings you value. For.... checks notes, twenty dollars / month. Total rip off.

Riley Brown

41,477 views • 1 year ago

Build a Flutter app with gen AI capabilities using Firebase AI Logic 🪄🩵 This video shows you how to get started making calls to the Gemini API directly from your app using the Firebase AI Logic client SDKs for Flutter Chapters: 0:39 - What is Firebase AI Logic? 1:17 - Set up in the Firebase Console 1:59 - Add the dependency to your Flutter app 2:39 - Initialize the service and create a model instance 3:31 - Send a prompt to the model

Build a Flutter app with gen AI capabilities using Firebase AI Logic 🪄🩵 This video shows you how to get started making calls to the Gemini API directly from your app using the Firebase AI Logic client SDKs for Flutter Chapters: 0:39 - What is Firebase AI Logic? 1:17 - Set up in the Firebase Console 1:59 - Add the dependency to your Flutter app 2:39 - Initialize the service and create a model instance 3:31 - Send a prompt to the model

Firebase

40,218 views • 1 year ago

How to convert ANY web app into a Mobile App... That can be shipped to the App Store from your phone. (Zero Coding Required) This works with web apps made on Replit, Bolt, v0, Replit or Cursor. Tech Stack: 1. Claude Desktop (works with ChatGPT) 2. - Builds the Mobile app, Ships to App Store directly from the phone (Uses Claude Code) (Prompt for conversion below) TIMESTAMPS Intro The Web App We Will Convert The Mobile App that Builds Mobile Apps Mobile App Version 1 You can Publish this to the App Store Adding Additional Features (AI APIs) to your app Editing the Mobile App with the Select Feature

How to convert ANY web app into a Mobile App... That can be shipped to the App Store from your phone. (Zero Coding Required) This works with web apps made on Replit, Bolt, v0, Replit or Cursor. Tech Stack: 1. Claude Desktop (works with ChatGPT) 2. - Builds the Mobile app, Ships to App Store directly from the phone (Uses Claude Code) (Prompt for conversion below) TIMESTAMPS Intro The Web App We Will Convert The Mobile App that Builds Mobile Apps Mobile App Version 1 You can Publish this to the App Store Adding Additional Features (AI APIs) to your app Editing the Mobile App with the Select Feature

Riley Brown

59,326 views • 9 months ago

Introducing the Knowledge Agent Template Vercel dropped the Chat SDK so we built a full template on top of it that you can deploy in one click. Here's what's inside: • Add your sources: GitHub repos, YouTube, etc. directly from the UI • File-based agent using grep/find/cat • Powered by Vercel Workflow + Sandbox • Multi-platform: web chat, GitHub bot, Discord bot, and more • Comes with skills to edit your project, add sources, create agents Deploy, add a source, ask questions. Your knowledge base is live and always in sync. This is just scratching the surface. There's way more packed in this template, and I'll be breaking down the features all week. Links in the below 👇

Introducing the Knowledge Agent Template Vercel dropped the Chat SDK so we built a full template on top of it that you can deploy in one click. Here's what's inside: • Add your sources: GitHub repos, YouTube, etc. directly from the UI • File-based agent using grep/find/cat • Powered by Vercel Workflow + Sandbox • Multi-platform: web chat, GitHub bot, Discord bot, and more • Comes with skills to edit your project, add sources, create agents Deploy, add a source, ask questions. Your knowledge base is live and always in sync. This is just scratching the surface. There's way more packed in this template, and I'll be breaking down the features all week. Links in the below 👇

Hugo

54,481 views • 5 months ago

Build an open-source AI video studio with this Next.js template using Veo 3 and Imagen 4 in the Gemini API. Create text-to-video, image-to-video, and edit videos in the browser for a specific time range.

Build an open-source AI video studio with this Next.js template using Veo 3 and Imagen 4 in the Gemini API. Create text-to-video, image-to-video, and edit videos in the browser for a specific time range.

Google AI Developers

41,423 views • 11 months ago

Here's how to deploy your own MCP server in 30 seconds: 1. Remix the Replit template 2. Prompt Agent "create a server that does xyz" 3. Select "Publish" Voila - a streamable HTTP server deployed with API key auth Connect to your sever in your client of choice

Here's how to deploy your own MCP server in 30 seconds: 1. Remix the Replit template 2. Prompt Agent "create a server that does xyz" 3. Select "Publish" Voila - a streamable HTTP server deployed with API key auth Connect to your sever in your client of choice

matt palmer

80,137 views • 9 months ago

If you’ve never written code before, this is for you. I’ve just launched a course that shows you, in less than 30 minutes, how to describe an idea for an app and build it with AI. In this course, you'll build a working web application - a funny interactive birthday message generator that runs in your browser and can be shared with friends. You'll customize it by telling AI how you want it changed, and tweak it until it works the way you want. By the end, you'll have a repeatable process you can apply to build a wide variety of applications. If you want to try vibe coding, this will be the best place to start! Further, you'll be able to use these techniques with whatever tool you're most comfortable with (like ChatGPT, Gemini, Claude, or others) -- we're vendor neutral. Skills you'll gain: - How to build web apps with AI - zero coding skills needed - How to fix and improve your creations by chatting with AI - A simple process you can use to build other things you can dream up Building with AI is one of the most fun things in the world. Please join me and take your first step! I think you will be surprised at what you can build. And if you're an experienced engineer, please share this with someone in your life who's been curious about building with AI. Come build with me!

If you’ve never written code before, this is for you. I’ve just launched a course that shows you, in less than 30 minutes, how to describe an idea for an app and build it with AI. In this course, you'll build a working web application - a funny interactive birthday message generator that runs in your browser and can be shared with friends. You'll customize it by telling AI how you want it changed, and tweak it until it works the way you want. By the end, you'll have a repeatable process you can apply to build a wide variety of applications. If you want to try vibe coding, this will be the best place to start! Further, you'll be able to use these techniques with whatever tool you're most comfortable with (like ChatGPT, Gemini, Claude, or others) -- we're vendor neutral. Skills you'll gain: - How to build web apps with AI - zero coding skills needed - How to fix and improve your creations by chatting with AI - A simple process you can use to build other things you can dream up Building with AI is one of the most fun things in the world. Please join me and take your first step! I think you will be surprised at what you can build. And if you're an experienced engineer, please share this with someone in your life who's been curious about building with AI. Come build with me!

Andrew Ng

636,161 views • 7 months ago

⚡day 5 of launch week: from (zero) MCP server to ChatGPT app this is peak developer experience 🤌🏼 1. define your UI in a single react file. 2. test it instantly with hot reload in the built-in Inspector 3. deploy it in one click on mcp-use Cloud 4. ship it directly to ChatGPT with: npx create-mcp-use-app@latest my-server --template apps-sdk you can go from zero to a deployed mcp server with apps sdk widgets in just 5 minutes here's how 🧵

⚡day 5 of launch week: from (zero) MCP server to ChatGPT app this is peak developer experience 🤌🏼 1. define your UI in a single react file. 2. test it instantly with hot reload in the built-in Inspector 3. deploy it in one click on mcp-use Cloud 4. ship it directly to ChatGPT with: npx create-mcp-use-app@latest my-server --template apps-sdk you can go from zero to a deployed mcp server with apps sdk widgets in just 5 minutes here's how 🧵

pederzh

22,647 views • 9 months ago

Cursor Agent is just insane! In a little over an hour, without writing one line of code I created a YouTube Super Analytics Tool and I filmed the whole process... This is a full step by step guide on how to use Cursor Agent to build whatever you want with zero coding... As always I used the @senior_swc nextjs template as a starting point that has been forked over 11,000 times. (in next tweet below) Tools used: - Cursor: Duh - Replit: Template, web view and deployment - Deepseek API: High quality AI Model (Cheap and better than gpt) - SupaData API: Pull YT Transcripts - SerpAPI: Search YouTube Results - Firebase: DB and Auth Chapters: 00:00 - YouTube Power Tool In Action 03:00 - Planning Phase (How I diagram and plan) 04:58 - Features I'm adding 06:20 - Setting Up APIs and Tools 10:00 - Developing the YouTube Transcript Extractor w/ Supadata + Deepseek 19:58 - The YouTube Search Feature (SerpAPI) 29:41 - Setting Up Google Firebase (DB + Auth) 32:00 - Implementing Search and Save Features 36:50 - Styling and UI Enhancements 49:00 - Final Result 53:40 - These features are being added to @yapthread but way better (First look at composer feature)

Cursor Agent is just insane! In a little over an hour, without writing one line of code I created a YouTube Super Analytics Tool and I filmed the whole process... This is a full step by step guide on how to use Cursor Agent to build whatever you want with zero coding... As always I used the @senior_swc nextjs template as a starting point that has been forked over 11,000 times. (in next tweet below) Tools used: - Cursor: Duh - Replit: Template, web view and deployment - Deepseek API: High quality AI Model (Cheap and better than gpt) - SupaData API: Pull YT Transcripts - SerpAPI: Search YouTube Results - Firebase: DB and Auth Chapters: 00:00 - YouTube Power Tool In Action 03:00 - Planning Phase (How I diagram and plan) 04:58 - Features I'm adding 06:20 - Setting Up APIs and Tools 10:00 - Developing the YouTube Transcript Extractor w/ Supadata + Deepseek 19:58 - The YouTube Search Feature (SerpAPI) 29:41 - Setting Up Google Firebase (DB + Auth) 32:00 - Implementing Search and Save Features 36:50 - Styling and UI Enhancements 49:00 - Final Result 53:40 - These features are being added to @yapthread but way better (First look at composer feature)

Riley Brown

202,473 views • 1 year ago

I was able to create this simple CRM with the supabase beta integration in less than an hour. Auth and Database using Supabase 2M tokens used 50mins of pure prompting with the supabase beta now conveniently asks you to allow it to execute database queries to supabase. It also configures necessary policies for you. OMG, StackBlitz you should wrap this up and release it ASAP!

I was able to create this simple CRM with the supabase beta integration in less than an hour. Auth and Database using Supabase 2M tokens used 50mins of pure prompting with the supabase beta now conveniently asks you to allow it to execute database queries to supabase. It also configures necessary policies for you. OMG, StackBlitz you should wrap this up and release it ASAP!

Melvin Vivas

30,414 views • 1 year ago

I Built a website with a front end & a backend by prompting Claude and either... 1. Pasting the code into replit (or) 2. Following its instructions on Firebase I filmed the whole thing.... But, this is by no means a tutorial lol. so I recommend skipping around. This can be best described as a worthwhile struggle. Theres 3 hours of cut footage of me getting annoyed, but I was able to create something that will serve as a home page for my business, where I can house the AI apps I create going forward. And by the end, you'll see that I actually know my way around the different parts of Firebase, and my confidence level working with code has gone up 1,000,000%. I'm beginning to know what each file does, and what context Claude needs to be successful in creating what I want to build. Ready for my next project. See you later this week, i'm tired lol... (video was harder than the site....) TimeStamps ------------------------------------------------------ 00:00 - Introduction and project overview 07:21 - Using Claude Artifact 21:00 - Setting up Firebase backend and user authentication 30:00 - Adding Firebase Collections (database) 39:10 - WE DID IT! 45:20 - Implementing lesson editing functionality 54:00 - Separating code into manageable chunks for easier editing 56:00 - Access control for signed-in users 01:01:32 - Connecting the custom domain (create dot inc) 01:02:41 - Showcasing additional features (user count, music feature) 01:05:26 - Discussing future plans and improvements ------------------------------------------------------

I Built a website with a front end & a backend by prompting Claude and either... 1. Pasting the code into replit (or) 2. Following its instructions on Firebase I filmed the whole thing.... But, this is by no means a tutorial lol. so I recommend skipping around. This can be best described as a worthwhile struggle. Theres 3 hours of cut footage of me getting annoyed, but I was able to create something that will serve as a home page for my business, where I can house the AI apps I create going forward. And by the end, you'll see that I actually know my way around the different parts of Firebase, and my confidence level working with code has gone up 1,000,000%. I'm beginning to know what each file does, and what context Claude needs to be successful in creating what I want to build. Ready for my next project. See you later this week, i'm tired lol... (video was harder than the site....) TimeStamps ------------------------------------------------------ 00:00 - Introduction and project overview 07:21 - Using Claude Artifact 21:00 - Setting up Firebase backend and user authentication 30:00 - Adding Firebase Collections (database) 39:10 - WE DID IT! 45:20 - Implementing lesson editing functionality 54:00 - Separating code into manageable chunks for easier editing 56:00 - Access control for signed-in users 01:01:32 - Connecting the custom domain (create dot inc) 01:02:41 - Showcasing additional features (user count, music feature) 01:05:26 - Discussing future plans and improvements ------------------------------------------------------

Riley Brown

210,639 views • 2 years ago

F it, full automated money making now on Larrybrain. I have released the app template I use for Snugly that generated me revenue without touching anything on Larrybrain. The template gives your agent ideas of what the app can become and how to create it. Most importantly, it will give your openclaw agent full context of your app to automate your marketing with Larry's viral marketing skill - now used by over 5500 agents. It is my entire playbook from app, to marketing all the way down to revenue generation. All you have to do is ask your agent "install the larrybrain skill please" Or click the link in replies. Then ask to use the Larry marketing skill with the AI Image App Template. As always, the best part about any of the Openclaw skills is they are not a black box. This is just a template, you can rip it apart and customise it how you want. The key is to show you what is possible with these skills and how you can start to use the power of larrybrain and the context of knowing about the different skills to build extremely powerful and useful tools. This is the first skill specifically designed to work hand in hand with another. To note as this confuses a lot of people: Larrybrain doesn't download the entire marketplace once installed. It just is aware of everything on the marketplace at all times, so when you ask it questions, it can search and find the best skills for you to achieve your goals. When you download some skills, like this new AI image app template, it is aware of the larry marketing skill to help it reach it's full potential. Larrybrain will not install skills without you asking it, just like on Clawhub. No information you add to any of the skills gets sent back through Larrybrain, this is all hosted locally and communicated between you and whatever endpoint you are using. It is a powerful marketplace tool to help enable you to reach your goals. Link below.

F it, full automated money making now on Larrybrain. I have released the app template I use for Snugly that generated me revenue without touching anything on Larrybrain. The template gives your agent ideas of what the app can become and how to create it. Most importantly, it will give your openclaw agent full context of your app to automate your marketing with Larry's viral marketing skill - now used by over 5500 agents. It is my entire playbook from app, to marketing all the way down to revenue generation. All you have to do is ask your agent "install the larrybrain skill please" Or click the link in replies. Then ask to use the Larry marketing skill with the AI Image App Template. As always, the best part about any of the Openclaw skills is they are not a black box. This is just a template, you can rip it apart and customise it how you want. The key is to show you what is possible with these skills and how you can start to use the power of larrybrain and the context of knowing about the different skills to build extremely powerful and useful tools. This is the first skill specifically designed to work hand in hand with another. To note as this confuses a lot of people: Larrybrain doesn't download the entire marketplace once installed. It just is aware of everything on the marketplace at all times, so when you ask it questions, it can search and find the best skills for you to achieve your goals. When you download some skills, like this new AI image app template, it is aware of the larry marketing skill to help it reach it's full potential. Larrybrain will not install skills without you asking it, just like on Clawhub. No information you add to any of the skills gets sent back through Larrybrain, this is all hosted locally and communicated between you and whatever endpoint you are using. It is a powerful marketplace tool to help enable you to reach your goals. Link below.

Oliver Henry

110,044 views • 5 months ago