Introduction

Welcome to the AutoBlogWriter documentation. AutoBlogWriter is an AI-powered content generation platform that automates blog post creation, scheduling, and publishing — integrated directly into your Next.js application through an official TypeScript SDK.

What is AutoBlogWriter?

AutoBlogWriter combines advanced AI models with a complete content management workflow. You generate ideas, create drafts, polish content, generate images, and publish — all from the AutoBlogWriter dashboard. Then your Next.js app fetches and renders that content using the @autoblogwriter/sdk.

Platform Components

Key Features

• AI-Powered Content — Generate full blog posts from keywords or ideas using state-of-the-art LLMs.
• Batch Generation — Create dozens of posts at once with the auto-scheduler.
• Smart Scheduling — Schedule posts to publish at optimal times automatically.
• Official SDK — First-class TypeScript SDK with Next.js App Router support, React components, and SEO helpers.
• Webhook Revalidation — Automatic cache invalidation when content publishes.
• SEO Built-In — Sitemap generation, robots.txt, OpenGraph metadata, and structured data.
• Markdown Rendering — Lightweight, dependency-free HTML renderer with XSS protection.
• Themeable Styles — Default dark-theme CSS with full customization via CSS custom properties.

How It Works

1. Create a Workspace — Sign up and create a workspace for your site.
2. Generate Content — Use the dashboard to generate ideas, drafts, and images with AI.
3. Publish — Publish posts immediately or schedule them for later.
4. Integrate — Install the SDK in your Next.js app and fetch your posts with a few lines of code.
5. Revalidate — Set up a webhook so your site updates instantly when content changes.

Quick Example

Here's what it looks like to display your blog with the SDK:

// app/blog/page.tsx
import Link from "next/link";
import { fetchBlogPosts } from "@autoblogwriter/sdk/next";
import { BlogPostList } from "@autoblogwriter/sdk/react";
 
export default async function BlogPage() {
  const { posts } = await fetchBlogPosts();
  return <BlogPostList posts={posts} linkComponent={Link} />;
}

That's it — server-rendered, SEO-friendly, and automatically revalidated.

Next Steps

• Installation — Install the SDK and configure your environment.
• Quickstart — Build a full blog in 5 minutes.