• Design With AI
  • Posts
  • How I Built a Blog-to-Podcast App (And the Tech Stack That Made It Possible)

How I Built a Blog-to-Podcast App (And the Tech Stack That Made It Possible)

FREE Startup idea

Yesterday, I shared how I built an app in 48 hours.

Today, I'd like to share with you the tech stack and how I utilized AI to bring everything together.

Here's the real story: I built Voxera in record time by stacking some of the most powerful tools in modern web development.

Here's the breakdown of my tech stack and why each choice mattered:

1. Next.js
The backbone. Next.js gives me server-side rendering, static site generation, and API routes—all in one place. It's fast, SEO-friendly, and lets me move from idea to MVP in days, not weeks.

2. Clerk
Authentication shouldn't be a headache. Clerk provides beautiful, secure sign-in flows with social login and multifactor auth—no more reinventing the wheel.

3. Supabase
Think Firebase, but open source and built on PostgreSQL. Supabase handles user data, file storage, and real-time updates, all from a slick dashboard.

4. Firecrawl
Scraping blog content isn't easy—unless you use Firecrawl. It fetches, cleans, and structures content from almost any URL, allowing me to focus on the experience.

5. ElevenLabs
The Magic Touch: Turning Text into Lifelike Audio. ElevenLabs' AI voices sound natural and customizable, making the listening experience enjoyable.

How it all works:
Users drop a blog URL, Firecrawl fetches the content, Supabase stores preferences, Clerk manages authentication, ElevenLabs generates the audio, and Next.js ties it all together for a seamless experience.

Why does this matter?
The best products aren't built with brute force—they're built with smart choices. This stack let me focus on what matters: building an experience people love.

Curious to see Voxera in action? Click here [PS: I'm fixing some bugs, and I want to plug stripe for payments]

Quick Break: Future-Proof Your Design Career

Did you know Shopify's CEO Tobi Lütke is making "AI-first" hiring decisions?

And Shopify's Chief Design Officer Carl Rivera says this is a golden era for designers who can harness AI.

If you want to level up, join my 5 Day AI/UX Challenge.

You'll gain hands-on experience with real projects, and the skills companies are currently hiring for.

Let's build the future together!

John