logo
Core ConceptsConcepts

Core Concepts of SproutOS

Understand the foundational architecture and AI-driven components that make SproutOS a powerful tool for website development.

Overview

SproutOS empowers agencies to plan, build, automate, and scale websites using AI-driven intelligence. You interact with modular components that handle everything from initial planning to production deployment. This page covers the core concepts, including AI planning workflows, building modules, automation mechanisms, and project architecture.

Familiarize yourself with these concepts before diving into specific guides. They form the foundation for effective use of SproutOS.

Key Concepts

Explore the four pillars of SproutOS through these interactive cards.

Project Architecture Overview

SproutOS follows a modular, layered architecture. The core consists of AI Engine, Module Registry, Automation Pipeline, and Scaling Layer.

This design allows you to extend components independently while maintaining cohesion.

AI-Powered Planning Workflows

Start projects with AI-driven planning. You input requirements, and SproutOS generates workflows.

Define Goals

Specify project type and audience.

Generate Plan

AI creates sitemap and wireframes.

Review & Edit

Customize the output interactively.

Building and Customization Modules

Build sites using pre-built modules. Customize with code when needed.

// Import and configure a hero module
import { HeroModule } from '@sproutos/modules';

const hero = new HeroModule({
  title: 'Welcome to Your Site',
  image: 'https://example.com/hero.jpg'
});
hero.render();

Automation and Scaling

Automate repetitive tasks and scale effortlessly. Use webhooks for CI/CD integration.

Always test automations in staging before production to avoid disruptions.

Next Steps

Quickstart

Apply these concepts in a hands-on tutorial.

Authentication

Secure your SproutOS projects.