Docs / Getting Started

Introduction

Welcome to AwesomeCMS! This guide will help you understand the basics and get your first website up and running in minutes.

🚀
Quick Start
Get up and running with AwesomeCMS in under 5 minutes.
📖
Tutorials
Step-by-step guides for common tasks and workflows.
🔧
API Reference
Complete reference for our REST API and webhooks.
💬
Community
Join our community for help and discussions.

What is AwesomeCMS?

AwesomeCMS is a modern, no-code website builder that lets you create beautiful, responsive websites without writing any code. Our drag-and-drop editor makes it easy to design and publish professional websites in minutes.

Whether you're building a personal portfolio, business website, or agency project, AwesomeCMS has the tools you need to bring your vision to life.

Key Features

  • Visual Page Builder - Drag and drop components to build your pages
  • 50+ Pre-built Components - Heroes, testimonials, pricing tables, and more
  • Responsive Design - Sites that look great on any device
  • Custom Domains - Connect your own domain with free SSL
  • SEO Optimized - Built-in SEO tools to help you rank higher
  • Team Collaboration - Work together with your team in real-time
💡 Pro Tip

Start with a template to get up and running faster. You can always customize it later to match your brand.

Quick Start

1. Create a new project

From your dashboard, click the "New Project" button and choose to start from a blank page or select a template.

2. Add components

Use the left sidebar to browse available components. Drag and drop them onto your canvas to build your page.

3. Customize your design

Click on any component to access its settings. Customize colors, fonts, spacing, and more in the right panel.

4. Preview and publish

Use the preview button to see how your site looks on different devices. When you're happy, click Publish!

Example: Creating a Hero Section

// Hero component configuration
{
  "type": "hero",
  "props": {
    "title": "Welcome to My Site",
    "subtitle": "Build something amazing",
    "buttonText": "Get Started",
    "buttonLink": "/contact"
  }
}

Next Steps

Now that you understand the basics, check out these resources to learn more: