DEV Community

Cover image for How I Built an AI Writer SaaS App with React and OpenAI
Subashbelina
Subashbelina

Posted on

How I Built an AI Writer SaaS App with React and OpenAI

I wanted to build something useful with AI.
So I built an AI Writer — a SaaS app that generates
blogs, emails, and content using OpenAI GPT.

🔗 Live: https://ai-writer-saas-sepia.vercel.app/
⚙️ Backend: https://ai-writer-server.onrender.com/

Stack

  • React.js (Frontend)
  • Node.js + Express (Backend)
  • OpenAI API
  • Vercel (Frontend) + Render (Backend)

Biggest Challenge — Render Cold Start

My backend was hosted on Render free tier.
Every time nobody used the app for 15 minutes,
Render would spin down the server.

Next request would take 30-60 seconds to respond.
Users thought the app was broken. 😅

Fix:

setInterval(() => {
  fetch('https://ai-writer-server.onrender.com/ping')
    .then(() => console.log('Server kept alive'))
}, 14 * 60 * 1000)
Enter fullscreen mode Exit fullscreen mode

Added a simple /ping endpoint in Express:

app.get('/ping', (req, res) => {
  res.json({ status: 'alive' })
})
Enter fullscreen mode Exit fullscreen mode

Cold start problem solved. App feels instant now.

Key Features

  • 📝 Blog post generator
  • 📧 Email writer
  • 💡 Content ideas generator
  • ⚡ Instant AI responses

What I Learned

  • Render free tier spins down after inactivity
  • Keep-alive ping is the easiest fix
  • OpenAI streaming makes UX feel much faster

Found this helpful? Drop a ❤️

Top comments (0)