Side Hustle ToolSideHustleTool
Setup Guide

Add AutoBlogWriter to Your Site
in Minutes

WordPress and Shopify connect directly — no code needed. Next.js developers get a full SDK with AI coding prompts.

WordPress · No codeShopify · No codeNext.js · SDK

Before you start — you'll need:

  • Your AutoBlogWriter API key — find it in your dashboard under Settings → API

  • Your workspace slug — visible in your dashboard URL (e.g. app.autoblogwriter.app/your-slug)

  • A revalidation secret — set this in Settings → Webhooks (you choose it)

  • Your site URL — needed so the sitemap and robots.txt point to the right place

Get Your API Keys →

Select your platform to see the setup steps:

No code neededRequires WordPress 5.6+ · Works with Yoast SEO
1

Generate an Application Password in WordPress

  1. Log into your WordPress dashboard
  2. Go to Users → Profile (or Users → All Users → Edit for another account)
  3. Scroll down to the Application Passwords section
  4. Enter a name like AutoBlogWriter and click Add New Application Password
  5. Copy the password immediately — it won't display again

Note: The password appears in groups separated by spaces (e.g. AbCd EfGh IjKl). Copy it exactly as shown, spaces included.

2

Connect in AutoBlogWriter

  1. Open your AutoBlogWriter workspace → Settings → Integrations
  2. Click Connect WordPress
  3. Fill in three fields:
    • Site URL — e.g. https://myblog.com
    • Username — your WordPress username
    • Application Password — the one you just copied
  4. Click Connect
3

Test the connection

Click Test Connection on the WordPress card. Once confirmed, AutoBlogWriter will publish directly to WordPress on your schedule.

Publishing options: Publish now · Schedule for later · Save as draft. SEO fields integrate with Yoast SEO automatically when active.

Troubleshooting

rest_cannot_create

User must have Editor or Administrator role

401 Unauthorized

Verify username and Application Password, including spaces

Connection refused / SSL error

Confirm https:// and valid SSL cert; whitelist IP or disable WAF for /wp-json/

Application Passwords section missing

A security plugin may have disabled it — check plugin settings

No code neededRequires a Shopify custom app · 5 minute setup
1

Create and install a custom app

  1. Go to your Shopify Dev Dashboard and create a new app
  2. Install it on your store
  3. Add the Admin API scopes: read_content and write_content
  4. Save changes and reinstall if prompted
  5. Copy the Client ID and Client Secret from the credentials page
2

Find your Blog ID

  1. In Shopify Admin, go to Online Store → Blog posts
  2. Click on the blog you want to publish to
  3. Look at the URL — copy the numeric ID at the end
Example URL
https://your-store.myshopify.com/admin/blogs/122321404276
                                                 ↑
                                           Your Blog ID
3

Connect in AutoBlogWriter

  1. Open your AutoBlogWriter workspace → Settings → Integrations
  2. Click Connect Shopify
  3. Fill in four fields:
    • Shop Domain — e.g. your-store.myshopify.com
    • Client ID — from Dev Dashboard
    • Client Secret — from Dev Dashboard
    • Blog ID — the numeric ID from Step 2
  4. Click Connect
4

Test the connection

Click Test Connection on the Shopify card to validate blog access and post creation. AutoBlogWriter will publish directly to your Shopify blog, including hero images when available.

Troubleshooting

Missing or invalid client secret

Re-copy the Client Secret from the Dev Dashboard credentials page

Invalid API key or access token

Confirm the app is installed and the shop domain is correct

shop_not_permitted error

App and store must be in the same Shopify organization

SDK · DeveloperWorks with App Router and Pages Router

Paste this prompt into Claude Code, Cursor, or GitHub Copilot — it adds blog listing, post pages, webhook handler, sitemap, and styles automatically.

Add to existing Next.js site — Claude Code / Cursor / Copilot
I want to add an automated blog to my existing Next.js site using AutoBlogWriter.

Please do the following:
1. Install the SDK: npm install @autoblogwriter/sdk
2. Create app/blog/page.tsx — use fetchBlogPosts() from @autoblogwriter/sdk/next and BlogPostList from @autoblogwriter/sdk/react with linkComponent={Link}
3. Create app/blog/[slug]/page.tsx — use fetchBlogPost(slug), generatePostMetadata(slug), buildJsonLdScript(post), and the BlogPost component from @autoblogwriter/sdk/react
4. Create app/api/autoblogwriter/revalidate/route.ts — use createEnvRevalidateHandler() from @autoblogwriter/sdk/next with export const runtime = "nodejs"
5. Import "@autoblogwriter/sdk/styles.css" in the root layout (app/layout.tsx)
6. Add generateBlogSitemap() from @autoblogwriter/sdk/next to the sitemap (app/sitemap.ts)
7. Create .env.local.example with these variables:
   AUTOBLOGWRITER_API_KEY=
   AUTOBLOGWRITER_WORKSPACE_SLUG=
   AUTOBLOGWRITER_REVALIDATE_SECRET=
   SITE_URL=https://yoursite.com

Use "use client" only where needed (BlogPostList needs a wrapper if theme switching is required). Add export const revalidate = 300 to blog pages.

After the AI generates your code

1

Create your .env.local file

.env.local
AUTOBLOGWRITER_API_KEY=ba_pk_your_key_here
AUTOBLOGWRITER_WORKSPACE_SLUG=your-workspace-slug
AUTOBLOGWRITER_REVALIDATE_SECRET=your_webhook_secret
SITE_URL=https://yoursite.com
2

Add env vars to your host

Add the same four variables in Vercel → Project → Settings → Environment Variables (or however your host manages secrets).

3

Register the webhook

Go to Settings → Webhooks in AutoBlogWriter and add:

Webhook URL
https://yoursite.com/api/autoblogwriter/revalidate

Replace yoursite.com with your actual domain. Set the secret to match AUTOBLOGWRITER_REVALIDATE_SECRET.

SDK · DeveloperNext.js 15 · App Router · TypeScript · Tailwind

We built sidehustletool.com exactly this way. This prompt generates a complete site — homepage, blog, SEO, webhook, everything — ready to deploy in minutes.

New Next.js site from scratch — Claude Code / Cursor / Copilot
Please create a new Next.js 15 site with App Router, TypeScript, and Tailwind CSS that uses AutoBlogWriter for automated blogging.

The site should include:
1. A homepage (app/page.tsx) with:
   - A hero section with headline, subheadline, and CTA button
   - A features section (3-4 cards)
   - An FAQ section (accordion)
   - A footer with nav links
2. A blog listing page at /blog using:
   - fetchBlogPosts() from @autoblogwriter/sdk/next
   - BlogPostList from @autoblogwriter/sdk/react
3. Individual post pages at /blog/[slug] using:
   - fetchBlogPost(slug) and generatePostMetadata(slug)
   - BlogPost component from @autoblogwriter/sdk/react
   - buildJsonLdScript(post) for structured data
4. A webhook handler at app/api/autoblogwriter/revalidate/route.ts:
   - import { createEnvRevalidateHandler } from "@autoblogwriter/sdk/next"
   - export const runtime = "nodejs"
   - export const POST = createEnvRevalidateHandler()
5. Root layout (app/layout.tsx) that imports:
   - "@autoblogwriter/sdk/styles.css"
   - Google Analytics via next/script
6. A dynamic sitemap (app/sitemap.ts) combining static pages + generateBlogSitemap()
7. .env.local.example with:
   AUTOBLOGWRITER_API_KEY=
   AUTOBLOGWRITER_WORKSPACE_SLUG=
   AUTOBLOGWRITER_REVALIDATE_SECRET=
   SITE_URL=https://yoursite.com

Install: npm install @autoblogwriter/sdk next-themes @heroicons/react
Add export const revalidate = 300 to all blog pages.

Ready to get started?

3-day free trial. No credit card. Have your blog live today.

Start Free Trial →