# Sabo

## Docs

- [Auth Callback](https://docs.getsabo.com/api-reference/endpoint/auth-callback.md): Handles Supabase OAuth and magic link callbacks, exchanges tokens, and redirects.
- [Stripe Checkout](https://docs.getsabo.com/api-reference/endpoint/checkout-sessions.md): Create a Stripe Checkout session for recurring subscriptions
- [Contact Form API](https://docs.getsabo.com/api-reference/endpoint/contact-api.md): Learn how to customize the backend API endpoint for the contact form, including server-side validation and submission handling.
- [Stripe Customer Portal](https://docs.getsabo.com/api-reference/endpoint/customer-portal.md): Create a Stripe Customer Portal session for subscription management
- [Polar Checkout](https://docs.getsabo.com/api-reference/endpoint/polar-checkout.md): Create a Polar Checkout session for subscription payments
- [Polar Customer Portal](https://docs.getsabo.com/api-reference/endpoint/polar-portal.md): Create a Polar Customer Portal session for subscription management
- [Polar Webhooks](https://docs.getsabo.com/api-reference/endpoint/polar-webhooks.md): Process Polar subscription + order events and sync Supabase tables
- [Stripe Webhooks](https://docs.getsabo.com/api-reference/endpoint/stripe-webhooks.md): Process Stripe subscription + billing events and sync Supabase tables
- [API Overview](https://docs.getsabo.com/api-reference/introduction.md): High-level map of every backend endpoint that ships with Sabo.
- [Analytics with PostHog](https://docs.getsabo.com/core-features/analytics-posthog.md): Integrate PostHog analytics to track user behavior, product usage, and feature adoption in your Sabo application.
- [Auth Emails with Resend](https://docs.getsabo.com/core-features/auth-emails.md): Customize Supabase Auth email templates, connect Resend SMTP, and improve deliverability.
- [Auth with Supabase](https://docs.getsabo.com/core-features/auth-with-supabase.md): Add secure, session-based user authentication to your app built with Sabo using Supabase.
- [Auth Overview](https://docs.getsabo.com/core-features/authentication.md): Overview of authentication routes, flows, and links to setup guides.
- [Database with Supabase](https://docs.getsabo.com/core-features/database-supabase.md): Where database types and clients live, how dashboard settings map to tables, and recommended usage patterns.
- [Environment Variables Reference](https://docs.getsabo.com/core-features/environment-variables.md): Complete reference of all required and optional environment variables for configuring Sabo, organized by feature with usage examples and setup instructions.
- [Payments with Polar](https://docs.getsabo.com/core-features/payments/payments-with-polar.md): Complete guide to integrating Polar subscriptions, managing plans, and handling webhooks in Sabo.
- [Payments with Stripe](https://docs.getsabo.com/core-features/payments/payments-with-stripe.md): Complete guide to integrating Stripe subscriptions, managing plans, and handling webhooks in Sabo.
- [Routing & Middleware](https://docs.getsabo.com/core-features/routing-and-middleware.md): Design global route protection, matchers, rewrites/headers, and webhook exclusions with Next.js middleware.
- [SEO](https://docs.getsabo.com/core-features/seo.md): Configure robots, sitemap, site metadata, and JSON‑LD for search engines.
- [Server APIs](https://docs.getsabo.com/core-features/server-apis.md): How to build secure, consistent API routes in Sabo (validation, auth guards, error handling, and best practices).
- [Status Page with Better Stack](https://docs.getsabo.com/core-features/status-page.md): Display real-time system status in your footer using Better Stack's status page integration to build trust and transparency with your users.
- [Testing with Playwright](https://docs.getsabo.com/core-features/testing-playwright.md): Learn how to run, write, and debug end-to-end tests in Sabo using Playwright for comprehensive application testing.
- [Icons](https://docs.getsabo.com/customization-guides/branding/icons.md): A guide to using and adding icons in your Sabo project.
- [Logo & Favicon](https://docs.getsabo.com/customization-guides/branding/logo-favicon.md): How to customize the site logo and browser favicon.
- [Blog](https://docs.getsabo.com/customization-guides/content-management/blog.md): Learn how to manage your blog, including adding new posts, managing authors and tags, and understanding the content structure.
- [Changelog](https://docs.getsabo.com/customization-guides/content-management/changelog.md): Manage release notes stored as MDX and rendered on /changelog.
- [Legal Pages](https://docs.getsabo.com/customization-guides/content-management/legal-pages.md): Edit your Privacy Policy, Terms of Service, and Cookie Policy content and metadata.
- [Charts](https://docs.getsabo.com/customization-guides/dashboard/charts.md): Dashboard chart composition built on the UI chart container and Recharts.
- [Data Table](https://docs.getsabo.com/customization-guides/dashboard/data-table.md): Dashboard table composition built on the UI table primitives.
- [Header User Menu](https://docs.getsabo.com/customization-guides/dashboard/header-user-menu.md): User avatar dropdown with profile/exit actions in the top bar.
- [Dashboard Navigation](https://docs.getsabo.com/customization-guides/dashboard/nav.md): Main, secondary, user, and projects navigation blocks used in the sidebar.
- [Notifications Dropdown](https://docs.getsabo.com/customization-guides/dashboard/notifications.md): Compact dropdown to display recent notifications in the top bar.
- [Dashboard Overview](https://docs.getsabo.com/customization-guides/dashboard/overview.md): Understanding Sabo's dashboard structure, components, and how everything connects together.
- [Section Cards](https://docs.getsabo.com/customization-guides/dashboard/section-cards.md): Card-based sections used to group content on the dashboard.
- [Settings Pages](https://docs.getsabo.com/customization-guides/dashboard/settings.md): Customize dashboard settings (general, account, billing, notifications) connected to Supabase.
- [Dashboard Sidebar](https://docs.getsabo.com/customization-guides/dashboard/sidebar.md): Navigation shell for the dashboard area with sections and collapsible behavior.
- [Team Switcher](https://docs.getsabo.com/customization-guides/dashboard/team-switcher.md): Switch context between teams or projects inside the dashboard.
- [Contact Form](https://docs.getsabo.com/customization-guides/marketing-pages/contact-form.md): Learn how to customize the contact form's UI, validation, and user feedback messages.
- [CTA](https://docs.getsabo.com/customization-guides/marketing-pages/cta.md): Learn how to customize the Call to Action (CTA) section by changing its default content or overriding it with props.
- [FAQ](https://docs.getsabo.com/customization-guides/marketing-pages/faq.md): Learn how to customize the Frequently Asked Questions (FAQ) section.
- [Features](https://docs.getsabo.com/customization-guides/marketing-pages/features.md): Learn how to customize the three different feature display sections available in Sabo.
- [Hero](https://docs.getsabo.com/customization-guides/marketing-pages/hero.md): Learn how to customize the Hero section, including the announcement badge, title, description, and call-to-action buttons.
- [Pricing](https://docs.getsabo.com/customization-guides/marketing-pages/pricing-page.md): Learn how to customize the pricing page, including the plans, features, and Stripe integration.
- [Social Proof](https://docs.getsabo.com/customization-guides/marketing-pages/social-proof.md): How to customize the social proof section with company logos.
- [Testimonials](https://docs.getsabo.com/customization-guides/marketing-pages/testimonials.md): Learn how to customize the testimonials section, including managing content and adjusting the scrolling animation.
- [Footer](https://docs.getsabo.com/customization-guides/navigation/footer.md): How to customize the site footer, including links, social media icons, and copyright text.
- [Header](https://docs.getsabo.com/customization-guides/navigation/header.md): How to customize the main navigation header in Sabo.
- [404 Page](https://docs.getsabo.com/customization-guides/other-pages/404-page.md): Customize the not-found page content and visuals.
- [Dark Mode](https://docs.getsabo.com/customization-guides/theme/dark-mode.md): How to customize and apply dark mode styles in your Sabo project.
- [Responsive Design](https://docs.getsabo.com/customization-guides/theme/responsive.md): How to apply responsive styles for different screen sizes in Sabo.
- [Styling](https://docs.getsabo.com/customization-guides/theme/styling.md): Customize your project's global styles, including colors and fonts.
- [Avatar](https://docs.getsabo.com/customization-guides/ui/base/avatar.md): User avatar with image and fallback.
- [Badge](https://docs.getsabo.com/customization-guides/ui/base/badge.md): Small count and labeling component for statuses and tags.
- [Button](https://docs.getsabo.com/customization-guides/ui/base/button.md): Primary and secondary action button with variants and sizes.
- [Button Group](https://docs.getsabo.com/customization-guides/ui/base/button-group.md): Group multiple buttons with shared spacing and variants.
- [Card](https://docs.getsabo.com/customization-guides/ui/base/card.md): Container for grouping related content.
- [Kbd](https://docs.getsabo.com/customization-guides/ui/base/kbd.md): Keyboard key hint for shortcuts.
- [Progress](https://docs.getsabo.com/customization-guides/ui/base/progress.md): Linear progress indicator.
- [Separator](https://docs.getsabo.com/customization-guides/ui/base/separator.md): Visual divider for content sections.
- [Skeleton](https://docs.getsabo.com/customization-guides/ui/base/skeleton.md): Placeholder for loading states.
- [Spinner](https://docs.getsabo.com/customization-guides/ui/base/spinner.md): Circular loading indicator.
- [Tabs](https://docs.getsabo.com/customization-guides/ui/base/tabs.md): Switch content panels using accessible tab controls.
- [Toggle](https://docs.getsabo.com/customization-guides/ui/base/toggle.md): Two-state on/off toggle control.
- [Accordion](https://docs.getsabo.com/customization-guides/ui/data-display/accordion.md): Expand/collapse content sections.
- [Chart](https://docs.getsabo.com/customization-guides/ui/data-display/chart.md): Theme-aware chart container and tooltip utilities built on Recharts.
- [Collapsible](https://docs.getsabo.com/customization-guides/ui/data-display/collapsible.md): Toggle visibility for small content blocks.
- [Scroll Area](https://docs.getsabo.com/customization-guides/ui/data-display/scroll-area.md): Custom scrollable container with styled scrollbars.
- [Table](https://docs.getsabo.com/customization-guides/ui/data-display/table.md): Responsive table container and semantic parts.
- [Alert](https://docs.getsabo.com/customization-guides/ui/feedback/alert.md): Inline feedback for success, warning, and error.
- [Empty](https://docs.getsabo.com/customization-guides/ui/feedback/empty.md): Placeholder when lists or states have no data.
- [Toast (Sonner)](https://docs.getsabo.com/customization-guides/ui/feedback/toast.md): Non-blocking notifications using Sonner.
- [Calendar](https://docs.getsabo.com/customization-guides/ui/forms/calendar.md): Date picker component.
- [Checkbox](https://docs.getsabo.com/customization-guides/ui/forms/checkbox.md): Binary checkbox input.
- [Field](https://docs.getsabo.com/customization-guides/ui/forms/field.md): Form field wrapper for labels, hints, and errors.
- [Input](https://docs.getsabo.com/customization-guides/ui/forms/input.md): Text input field.
- [Input Group](https://docs.getsabo.com/customization-guides/ui/forms/input-group.md): Group inputs and addons for compound fields.
- [Label](https://docs.getsabo.com/customization-guides/ui/forms/label.md): Form label for inputs with accessibility support.
- [Radio Group](https://docs.getsabo.com/customization-guides/ui/forms/radio-group.md): Single-choice selection with accessible radio inputs.
- [Select](https://docs.getsabo.com/customization-guides/ui/forms/select.md): Custom select component with popover content.
- [Slider](https://docs.getsabo.com/customization-guides/ui/forms/slider.md): Range input for selecting numeric values.
- [Switch](https://docs.getsabo.com/customization-guides/ui/forms/switch.md): Toggle input for true/false values in forms.
- [Textarea](https://docs.getsabo.com/customization-guides/ui/forms/textarea.md): Multi-line text input.
- [Animated Beam](https://docs.getsabo.com/customization-guides/ui/magic-ui/animated-beam.md): Decorative animated beam effect.
- [Animated List](https://docs.getsabo.com/customization-guides/ui/magic-ui/animated-list.md): Animated list reveal with motion.
- [Animated Shiny Text](https://docs.getsabo.com/customization-guides/ui/magic-ui/animated-shiny-text.md): Shimmering text effect for emphasis.
- [Bento Grid](https://docs.getsabo.com/customization-guides/ui/magic-ui/bento-grid.md): Bento-style grid layout for feature cards.
- [Border Beam](https://docs.getsabo.com/customization-guides/ui/magic-ui/border-beam.md): Animated border highlight effect.
- [Interactive Grid Pattern](https://docs.getsabo.com/customization-guides/ui/magic-ui/interactive-grid-pattern.md): Interactive grid background pattern.
- [Marquee](https://docs.getsabo.com/customization-guides/ui/magic-ui/marquee.md): Horizontal scrolling marquee for logos or cards.
- [Number Ticker](https://docs.getsabo.com/customization-guides/ui/magic-ui/number-ticker.md): Animated number counting effect.
- [Orbiting Circles](https://docs.getsabo.com/customization-guides/ui/magic-ui/orbiting-circles.md): Circular animation with orbiting items.
- [Particles](https://docs.getsabo.com/customization-guides/ui/magic-ui/particles.md): Particle background component.
- [Shine Border](https://docs.getsabo.com/customization-guides/ui/magic-ui/shine-border.md): Shiny animated border effect.
- [Breadcrumb](https://docs.getsabo.com/customization-guides/ui/navigation/breadcrumb.md): Hierarchical navigation trail with accessible semantics.
- [Navigation Menu](https://docs.getsabo.com/customization-guides/ui/navigation/navigation-menu.md): App header dropdown navigation with panels and links.
- [Sidebar](https://docs.getsabo.com/customization-guides/ui/navigation/sidebar.md): Vertical navigation sidebar for app layouts.
- [Alert Dialog](https://docs.getsabo.com/customization-guides/ui/overlays/alert-dialog.md): Destructive action confirmation dialog.
- [Dialog](https://docs.getsabo.com/customization-guides/ui/overlays/dialog.md): Modal dialog for confirmations and forms.
- [Drawer](https://docs.getsabo.com/customization-guides/ui/overlays/drawer.md): Vaul-based drawer overlay for panels and mobile navigation.
- [Dropdown Menu](https://docs.getsabo.com/customization-guides/ui/overlays/dropdown-menu.md): Contextual menu for grouped actions.
- [Popover](https://docs.getsabo.com/customization-guides/ui/overlays/popover.md): Lightweight overlay anchored to a trigger element.
- [Sheet](https://docs.getsabo.com/customization-guides/ui/overlays/sheet.md): Drawer-style panel that slides in from screen edges.
- [Tooltip](https://docs.getsabo.com/customization-guides/ui/overlays/tooltip.md): Small overlay for short contextual hints.
- [UI Components Overview](https://docs.getsabo.com/customization-guides/ui/overview.md): Explore Sabo’s UI components, usage patterns, theming, and helpful links.
- [Deploy to Vercel](https://docs.getsabo.com/deployment/vercel.md): Deploy your Sabo application to Vercel with step-by-step instructions for environment configuration, database setup, and production optimization.
- [Welcome to Sabo](https://docs.getsabo.com/getting-started/introduction.md): Sabo is a production-ready Next.js 16 SaaS boilerplate with authentication, payments, analytics, and a complete marketing site to ship your product faster.
- [Project Structure](https://docs.getsabo.com/getting-started/project-structure.md): Understand how Sabo's codebase is organized, from routes and components to libraries and content.
- [Quickstart](https://docs.getsabo.com/getting-started/quickstart.md): Get Sabo running locally in under 10 minutes with this step-by-step installation and setup guide.