Leveraging ChatGPT and Midjourney for Landing Page and Content Generation
I’ve been experimenting with AI APIs and tools, and the journey has been both exciting and insightful. In this blog post, I’ll share my experiences working with ChatGPT and Midjourney for content and landing page generation, and discuss some potential use cases for these tools in SaasRock.
Content Generation using GPT and Midjourney
My friend (and mentor) Chris, shared his idea of a simple Prompt Builder. We believed it could be turned into an MVP with just 2–3 days of work.
Try the MVP: remix-openai.vercel.app.
The premise of the tool is simple: the user enters a topic, and the GPT-based tool generates a list of ideas in various formats such as blog post outlines, song lyrics, or TikTok video ideas. Each piece of content would contain ContentType, Title, Description, Keywords, Audience, Tone, an Image Prompt (to use in AI image generators), and the Outline.
For example, if I set “Building a Landing Page and Content generator using GPT with Remix and Tailwind CSS” as the topic, it will take about 90 seconds:
In this case, it gave me 3 pieces of content:
Landing Page Copy — Creating a Tailwind CSS Landing Page with GPT-4 Generated Content
Blog Post — How GPT-4 and Tailwind CSS Can Revolutionize Your Content Strategy
Email Newsletter — Boost Your E-commerce Sales with GPT-4 Generated Product Descriptions
I use DALL-E to generate images, but they’re meh, I’m waiting for a public Midjourney API, it’s only available from discord from now, I’ll prompt the second idea with the “IMAGE PROMPT” result.
I upscaled the first result as the image cover for this blog post:
Landing Page Generation with Remix Page Blocks
Then, I thought I should leverage my existing open-source page block builder, Remix Page Blocks, to try telling GPT to generate a complete landing page based on a prompt.
The page builder works from “PageBlocks”:
So it would be enough to give ChatGPT a bit of context about each supported block and some examples (here’s the full prompt):
The AI-generated response was impressive, and I was able to use the generated blocks in the demo to create a landing page with some iterations.
I just have to copy and paste these blocks into the demo:
And iterate upon that 😳.
The next step would be to give ChatGPT more context so it understands the structure of each block so it could create multiple reusable HeroBlocks FeaturesBlocks, PricingBlocks, etc… Or generate images with DALL-E to use in a GalleryBlock.
Vercel Timeout Calling ChatGPT
The API can take a while if your prompt is complex, and since I use Remix hosted on Vercel, I often reach the 60-second limit on the Pro plan. Luckily, this can be fixed by using Vercel’s Edge Functions with streaming (read more).
Midjourney generates weird letters and words
I’ve been trying Midjourney to try getting better results, but sometimes you cannot escape its weirdness.
Incorporating ChatGPT into SaasRock
Some brainstorming on how I could add ChatGPT to SaasRock:
Blog Post Generator
Landing Page Generator/Iterator
Documentation & FAQ Generator
Email Campaign Generator
Data Analyzer (MRR, MAU…)
Integrated CRUD File Generator
Just imagine SaasRock v2, a website with a simple prompt input that autogenerates your SaaS in one click.
Did you find this article valuable?
Support Alexandro Martínez by becoming a sponsor. Any amount is appreciated!