c15t
/
C15T Logo
Select a framework
Frameworks
Welcome to c15t Docs
Introduction to Consent Management (c15t)
AI Tools Integrations
OSS
Contributing to c15t.com
License
Building Privacy Tools in the Open
Legal
Cookie Policy
Privacy Policy
C15T Logo
HomeFrontendIntegrationsSelf HostChangelog
xbskydiscordgithub1.4k
c15t
/
C15T Logo
Select a framework
Frameworks
Welcome to c15t Docs
Introduction to Consent Management (c15t)
AI Tools Integrations
OSS
Contributing to c15t.com
License
Building Privacy Tools in the Open
Legal
Cookie Policy
Privacy Policy
home-2Docs
chevron-rightFrameworks
chevron-rightReact
chevron-rightStoring-consent
chevron-rightHosted

Hosted

Use consent.io for an easy, managed consent storage solution with minimal setup

Managed Service vs Self-Hosting

Using consent.io is the easiest way to get started with c15t. It's a fully managed service that removes all the infrastructure complexity. You can focus on your application while we handle scaling, updates, and compliance monitoring. For organizations with specific requirements, we also offer self-hosting options.

Using consent.io

Info

Congratulations, you've chosen the best way to deploy to production!


consent.io provides a fully managed service that removes all the infrastructure complexity. You can focus on your application while we handle scaling, updates & analytics. For organizations with specific requirements, it is possible to self-host the backend, allowing you to have full control over your data.

Key Benefits

  • Zero Backend Maintenance - No server setup or management required
  • Automatic Updates - Easy updates & migrations to new versions
  • Built-in Scaling - Handles traffic spikes without configuration
  • Geographic Detection - Built-in jurisdiction detection for compliance
  • Analytics Dashboard - Insights into consent patterns and compliance

Implementation

src/App.tsx
import { 
  ConsentManagerDialog,
  ConsentManagerProvider,
  CookieBanner,
} from '@c15t/react';

function App() {
  return (
    <ConsentManagerProvider options={{  
      mode: 'c15t', 
      backendURL: "https://your-instance.c15t.dev",
      consentCategories: ['necessary', 'marketing'], // Optional: Specify which consent categories to show in the banner. 
      ignoreGeoLocation: true, // Useful for development to always view the banner.
    }}>
      <div className="App">
        {/* Your application content */}
      </div>
      <CookieBanner />
      <ConsentManagerDialog />
    </ConsentManagerProvider>
  );
}

export default App;

Creating an instance with consent.io

Sign up for a consent.io account

Create a new instance in the dashboard

For production applications, we recommend enabling usage billing so you can configure your instance to only allow trusted origins to send requests to it.

Copy the provided backendURL (e.g., https://your-instance.c15t.dev)

Available in other SDKs

nextNext.jsjavascriptJavaScript
C15T Logo
Leverage native React components for seamless integration and high performance in a robust Consent Management solution that empowers your development team while prioritizing privacy and compliance.
Product
  • Documentation
  • Components
Company
  • GitHub
  • Contact
Legal
  • Privacy Policy
  • Cookie Policy
c15t