DEV Community

Cover image for How I built AutoPostBlog โ€” a browser-only AI tool that automates WordPress posts using Google Gemini
Marcos Costa
Marcos Costa

Posted on

How I built AutoPostBlog โ€” a browser-only AI tool that automates WordPress posts using Google Gemini

When I started AutoPostBlog, I had one goal:
๐Ÿ‘‰ make a full WordPress automation tool that runs entirely in the browser โ€” no backend, no Firebase, no server.

Hereโ€™s how I pulled it off.

โš™๏ธ Stack overview

Frontend: React + Vite

AI layer: Google Gemini API

CMS integration: WordPress REST API

Storage: Browser localStorage (for keys and preferences)

Styling: TailwindCSS

The tool allows you to:

Enter your WordPress site + Gemini API keys

Choose whether to post directly or create a draft

Auto-generate the title, content, tags, and featured image

Publish in one click โ€” all client-side

๐Ÿงฉ Why no backend?

Because I wanted to keep it free and privacy-first.
Users donโ€™t even need to sign up. All data (API keys, site URL, preferences) stays in localStorage.

That means:

No data collection

No database

Zero running costs

This makes it possible to host on a simple static site (like Netlify, Vercel, or Hostinger).

๐Ÿ”— Try it here

๐Ÿ‘‰ https://autopostblog.com

You can clone the idea or even fork the concept to build other browser-based SaaS.
If you do, tag me โ€” Iโ€™d love to see what you build.

Top comments (0)