import Link from 'next/link' import { DevPortalLayout, CodeBlock, InfoBox, ParameterTable } from '@/components/DevPortalLayout' export default function GettingStartedPage() { return (

1. Installation

Installieren Sie das SDK über Ihren bevorzugten Paketmanager:

{`npm install @breakpilot/compliance-sdk # oder yarn add @breakpilot/compliance-sdk # oder pnpm add @breakpilot/compliance-sdk`}

2. API Key erhalten

Nach dem Abo-Abschluss erhalten Sie Ihren API Key im{' '} Einstellungsbereich .

Speichern Sie den API Key niemals im Frontend-Code. Verwenden Sie Umgebungsvariablen auf dem Server.

3. Provider einrichten

Wrappen Sie Ihre App mit dem SDKProvider:

{`import { SDKProvider } from '@breakpilot/compliance-sdk' export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) }`}

Provider Props

4. SDK verwenden

Nutzen Sie den useSDK Hook in Ihren Komponenten:

{`'use client' import { useSDK } from '@breakpilot/compliance-sdk' export function ComplianceDashboard() { const { state, completionPercentage, goToStep, currentStep, } = useSDK() return (

Compliance Fortschritt: {completionPercentage}%

Aktueller Schritt: {currentStep?.name}

Phase: {state.currentPhase}

Use Cases: {state.useCases.length}

) }`}

5. Erste Schritte im Workflow

Das SDK führt Sie durch einen 19-Schritte-Workflow in 2 Phasen:

Phase 1: Assessment

  1. Use Case Workshop
  2. System Screening
  3. Compliance Modules
  4. Requirements
  5. Controls
  6. Evidence
  7. Audit Checklist
  8. Risk Matrix

Phase 2: Dokumentation

  1. AI Act Klassifizierung
  2. Pflichtenübersicht
  3. DSFA
  4. TOMs
  5. Löschfristen
  6. VVT
  7. Rechtliche Vorlagen
  8. Cookie Banner
  9. Einwilligungen
  10. DSR Portal
  11. Escalations

6. Nächste Schritte

 ) }