Quick Start Guide

Get up and running with Kickback Studio in just a few minutes. This guide will walk you through creating your first website from a blank slate.

Step 1: Access Your Dashboard

Once you've received your beta invite, log into your Kickback Studio dashboard. You'll be greeted with a clean interface showing your current sites and usage.

Step 2: Create Your First Site

Click the "Create New Site" button to start building. Unlike other website builders, Kickback Studio gives you a completely blank canvas to work with.

1. Enter a name for your site
2. Choose your preferred domain (you can change this later)
3. Select your starting template preference (we recommend "Blank Slate")
4. Click "Create Site"

Step 3: Enter the Page Builder

Once your site is created, you'll be taken to the Kickback Studio page builder. This is where the magic happens - you can start building your website exactly as you envision it.

Key Features:

• Visual Editor: Drag and drop elements while seeing real-time changes
• Code View: Switch to HTML/CSS view for precise control
• Tailwind Integration: All styles automatically generate Tailwind classes
• Component Library: Pre-built components you can customize
• Responsive Preview: See how your site looks on different devices

Step 4: Add Your First Elements

Start by adding basic elements to your page:

<div class="min-h-screen bg-gray-50">
  <header class="bg-white shadow">
    <h1 class="text-3xl font-bold text-gray-900 p-6">
      Welcome to My Website
    </h1>
  </header>
  
  <main class="container mx-auto px-4 py-8">
    <p class="text-lg text-gray-700">
      This is my first Kickback Studio website!
    </p>
  </main>
</div>

Step 5: Preview and Publish

Use the preview feature to see how your site looks to visitors. When you're ready, click "Publish" and your site will be live instantly.

Next Steps