Next-Blog-AI
Home/Documentation/Getting Started/Quickstart
Back to Documentation

Quickstart Guide

This guide will walk you through setting up your project in the Next-Blog-AI dashboard and installing Next-Blog-AI in your Next.js application. Follow these steps to get your AI-powered blog up and running quickly.

📺 Watch Video Tutorial

🎥 Complete setup walkthrough - from dashboard to deployment

📖 Follow Written Steps

Part 1: Dashboard Setup

First, we'll configure your project in the Next-Blog-AI dashboard. This sets up your blog's content generation, keywords, and API access.

1

Create Your Project

  • Sign up and log in to Next-Blog-AI.
  • Click New Website Project in your dashboard.
  • Fill in:
    • Project Name: What you want to call your website
    • Website Blog URL: Where your blog will live
    • Industry & Audience: Who your blog is for
    • Default Language: Your preferred content language

Click Next to continue.

2

Add Product Information

  • Describe your product or service
  • List features, benefits, and what makes it unique
  • (Optional) Add pricing, testimonials, or resource links

This information will be used in the generated content and will give AI better context so it can tailor the content to your product.

Click Create Project to finish. You'll land in your project dashboard.

3

Set Up Keywords

  • Go to the Keywords section in your dashboard
  • Add 5–10 keywords related to your business
  • (Optional) Set keyword priorities

Generated content will be optimized based on these keywords.

4

Set Content Schedule

  • Open the Schedule section in your dashboard
  • Choose how often you want posts: daily, weekly, monthly or custom (you pick the days)

The AI will publish content automatically on your schedule.

5

Generate API Key

  • Open the API Keys section (main sidebar)
  • Select your website project
  • Click Generate API Key and copy it

Keep your API key safe—you'll need it to connect your website.

Project Setup Complete!

You've successfully set up your project in the Next-Blog-AI dashboard. Now you're ready to install Next-Blog-AI in your Next.js application.

Part 2: Installing Next-Blog-AI

Now that your dashboard is configured, let's install Next-Blog-AI in your Next.js application and connect it to your project.

6

Install Next-Blog-AI

You can add Next-Blog-AI to your project using our CLI:

npx create-next-blog-ai@latest

This will automatically add the necessary files to your project like blog list and blog post pages and relevant files like sitemap and lib. The generated code is added as such:

src/ ├── app/blog/ # Or custom path specified with --path │ ├── page.tsx # Blog list page (or .jsx for JavaScript projects) │ ├── layout.tsx # Blog layout component (or .jsx for JavaScript projects) │ └── [id]/ # Dynamic route for blog posts │ └── page.tsx # Blog post detail page (or .jsx for JavaScript projects) ├── lib/ │ └── blog-api.ts # API client setup (or .js for JavaScript projects) └── app/ └── sitemap.ts # Dynamic sitemap for SEO (or .js for JavaScript projects)
7

Verify Installation

Navigate to your project directory and start the development server:

cd your-project-name
npm run dev

Open your browser and navigate to the blog page in the route that you have setup during installation, for example:

http://localhost:3000/blog

You should see your blog fully setup. If you have posts in your dashboard project, they will appear here too.

Success!

Your Next-Blog-AI installation is complete and ready to use! You can now customize your blog's appearance and start creating content.

🎉 Setup Successful!

You've successfully completed the entire setup process for Next-Blog-AI! Navigate to your dashboard to schedule or generate a new blog post.

Next Steps

Manual Setup

Prefer more control? Follow our detailed manual setup guide.

Learn more →

AI-Assisted Setup

Let our AI guide you through an automated setup process.

Learn more →

API Reference

Explore the full API documentation for advanced customization.

Learn more →

Examples & Recipes

Browse example code and recipes for common blog features.

Learn more →
NextManual Setup