<p>Services (also called components) are the individual elements that your status page monitors. Each service represents a specific part of your system, such as APIs, databases, web servers, or third-party integrations.</p><h2>Service Properties</h2><p>Each service has the following properties:</p><ul><li><p><strong>Name</strong> - Display name for the service (e.g., "API Server", "Database")</p></li><li><p><strong>Description</strong> - Optional description explaining what the service does</p></li><li><p><strong>Group</strong> - Optional group name for organizing related services</p></li><li><p><strong>Status</strong> - Current operational status of the service</p></li><li><p><strong>Sort Order</strong> - Determines display order within the group</p></li></ul><h2>Organizing Services with Groups</h2><p>Services can be grouped together for better organization. Common groupings include:</p><h3>Infrastructure</h3><ul><li><p>Web Servers</p></li><li><p>Database Cluster</p></li><li><p>Cache Layer (Redis/Memcached)</p></li><li><p>Load Balancers</p></li></ul><h3>API Services</h3><ul><li><p>REST API</p></li><li><p>GraphQL API</p></li><li><p>Authentication Service</p></li><li><p>Payment Gateway</p></li></ul><h3>Third-party Integrations</h3><ul><li><p>Email Service (SendGrid, Mailgun)</p></li><li><p>SMS Service (Twilio)</p></li><li><p>Payment Processor (Stripe, PayPal)</p></li><li><p>CDN (CloudFlare, AWS CloudFront)</p></li></ul><h2>Service Status Monitoring</h2><p>Each service displays its current status with:</p><ul><li><p><strong>Status Dot</strong> - Colored indicator showing operational state</p></li><li><p><strong>Status Label</strong> - Text description (Operational, Degraded, etc.)</p></li><li><p><strong>Description</strong> - Optional additional context (shown when enabled)</p></li><li><p><strong>Pulse Animation</strong> - Non-operational services show a pulsing indicator</p></li></ul><h2>Configuring Service Status</h2><p>Service status is updated automatically based on:</p><ul><li><p><strong>Active Incidents</strong> - Services affected by active incidents show degraded/outage status</p></li><li><p><strong>Status Updates</strong> - You can manually update service status for scheduled maintenance</p></li><li><p><strong>Automatic Monitoring</strong> - Integrate with monitoring tools to auto-update status</p></li></ul><h2>Service Status Mappings</h2><p>The following API status types map to component display statuses:</p><p>API StatusDisplay StatusoperationalOperationaldegraded_performanceDegradedpartial_outagePartial Outagemajor_outageMajor OutagemaintenanceDegradedincidentMajor Outage</p><h2>Best Practices</h2><ul><li><p>Group related services together for better organization</p></li><li><p>Use clear, descriptive names that users understand</p></li><li><p>Include descriptions for technical services to explain their purpose</p></li><li><p>Set appropriate sort order to prioritize important services</p></li><li><p>Only create services that are visible to end-users or critical to operations</p></li><li><p>Keep service count manageable (10-20 services is typically sufficient)</p></li></ul><p></p>