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.
Note: Kickback Studio is currently in private beta. Make sure you have received access before following this guide.
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.
- Enter a name for your site
- Choose your preferred domain (you can change this later)
- Select your starting template preference (we recommend "Blank Slate")
- 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.
Congratulations! You've created your first website with Kickback Studio. Your site is now live and accessible to the world.
Next Steps
Learn the Page Builder
Dive deeper into the visual editor and discover advanced features.
Read Guide →Master Tailwind CSS
Learn how to leverage Tailwind's utility classes in Kickback Studio.
Explore Tailwind →