In this video, I'm going to walk you through a brand new AI app that I built using Bubble, a no-code tool. Everything you see here was built without code using Bubble and connecting to AI APIs. In this case, I used Anthropic's Claude API because I feel like it worked really well for this use case compared to OpenAI's GPT-4 API.

In the video, I'm going to walk through what features I built and how I built them, talk through the steps that I took, and hopefully by the end of the video, you'll be inspired to build your own AI application. I actually built this app to use for No Code MBA itself. This was a process that before we were doing manually, and I wanted to see if I could build an app that could automate the process that we were already doing. I found it really useful for myself, so I decided to productize it and turn it into an app that others could use as well.

This video is brought to you by No Code MBA. If you want to learn how to build your own AI applications just like this, check out our Building Apps with AI course, where you'll learn how to build your own AI applications using Bubble and AI APIs like OpenAI, Stable Diffusion, and more.

Building an AI-Powered Blog Post Generator with Bubble

Here we are on the homepage of Blog Fox, the AI app I built using Bubble. The way I built it is that anyone can try it out for free, and there's more information about the actual app if you scroll down on the homepage.

What I'm going to do is enter in a URL, and we're actually going to see how this app works live. I entered in one of No Code MBA's most recent YouTube videos, clicked "Try it for free," and here we are on the page where we're generating the video.

The first thing that happens is we transcribe the video. We get the transcription from YouTube, and then using that transcription, we're creating an SEO keyword-optimized outline. We're getting SEO keywords and then creating an outline that uses those keywords and includes them when we write the blog. We're also incorporating those SEO keywords throughout the blog post so that it is optimized for SEO right off the bat.

We're using Anthropic's Claude Opus model, which is Anthropic's most expensive and most powerful model. It does make it take a little bit longer to actually generate, but typically you're not going to be watching your blog generate. You're just going to hit generate, and then it'll let you know when it is ready.

Streamlining Content Creation with No-Code AI App Development

Some of the additional features that we've built into the app include:

• The ability to add writing samples to help the final blog post result match your existing tone
• Adding custom instructions
• Adding relevant links based on existing links that you might have on your existing blog
• Generating unique images for each blog post

I did a lot of testing and prompt engineering to try and make it so the result of the blog post is really high quality. In my opinion, I think that the results are much higher quality than something from just ChatGPT or even using very similar workflows but with OpenAI's GPT-4 models. I found Anthropic's Claude model to just be a little bit better at writing more like a human, so it doesn't sound like it is written by an AI.

The video itself is embedded into the actual blog post. We have this all set up, and then we have a way here to save our blog, create a user, and then go to the dashboard.

Learning to Build No-Code AI Apps

I hope that this showed you what is possible building in Bubble and kind of how complex the apps can get. This is only scratching the surface - there's a lot more that you could build into this app to make it even more powerful.

Again, if you want to learn how to build your own AI applications, check out the link in the description and go to our Building Apps with AI course where you'll learn how to build apps very similar to this. If you have any questions at all, just leave a comment below and subscribe to our YouTube channel to get all of our future content for free.

Thanks again for watching, and I'll see you in the next video!

Want to learn how to build AI apps like this without code? Sign up for No Code MBA today!

FAQ (Frequently Asked Questions)

What no-code platform was used to build the AI-powered blog post generator?

The AI-powered blog post generator was built using Bubble, a no-code platform that allows you to create complex applications without writing any code.

Which AI API was used for the blog post generator?

The app uses Anthropic's Claude API, specifically their most powerful model called Claude Opus. The developer found that it worked better for this use case compared to OpenAI's GPT-4 API.

What are some key features of the AI blog post generator?

Some of the key features include YouTube video transcription, SEO keyword optimization, generating blog post outlines and content, integrating custom writing samples, adding relevant links, and generating unique images for each blog post.

How can I learn to build AI apps like this without coding?

No Code MBA offers a course called "Building Apps with AI" that teaches you how to create AI applications using no-code platforms like Bubble and integrating AI APIs. You can learn more and sign up for the course on their website.