For Developers

One package. Every backend feature your Next.js site needs.

One npm install. 18 modules. 100+ components. The complete Next.js backend, out of the box.

Get Started Free View Code Examples

The Problem

8 services. 8 dashboards. 8 bills.

Every feature you add means another SDK, another vendor, another integration to maintain.

SDKAnalytics

SDKSEO

SDKForms

SDKCRM

SDKCommerce

SDKReviews

SDKBooking

SDKEmail

import { ... } from '@sonor/site-kit'

How It Works

One import. One API. 12 modules + Signal AI.

Your Next.js app talks to Sonor. Sonor handles the rest.

Next.js App

↓

@sonor/site-kit

↓

Sonor API

↓

SEOAnalyticsFormsCRMCommerceBlogEngageSyncReputationBroadcastImagesRedirectsSignal AI

↓

Echo18 SkillsKnowledge Graph

Code Examples

Import. Configure. Ship.

Server or client — site-kit adapts to your architecture.

app/layout.tsx

import { getManagedMetadata } from '@sonor/site-kit/seo/server'
import { ManagedSchema } from '@sonor/site-kit/seo/server'
 
export async function generateMetadata() {
  return await getManagedMetadata()
}
 
export default function RootLayout({ children }) {
  return (
    <html>
      <head>
        <ManagedSchema />
      </head>
      <body>{children}</body>
    </html>
  )
}

Server vs Client

RSC-first. Client when you need it.

SEO, Blog, and Images run on the server. Analytics, Engage, and Signal run in the browser.

Server (RSC)

SEOBlogImages

getManagedMetadata, ManagedSchema, getBlogPost, ManagedImage — all run at render time for optimal SEO and performance.

Client

AnalyticsEngageSignal

AnalyticsProvider, EngageWidget, SignalBridge — hydrate on the client for tracking, popups, and A/B experiments.

CLI

From zero to full-stack in 3 minutes.

One command. Sonor scans your project, installs site-kit, configures every module.

sonor-setup

Get the CLI

Ready to ship faster?

One package. One API. Every backend feature. Start free, scale when you're ready.

Get Started Free See the Platform

import { getManagedMetadata } from '@sonor/site-kit/seo/server' import { ManagedSchema } from '@sonor/site-kit/seo/server' export async function generateMetadata() { return await getManagedMetadata() } export default function RootLayout({ children }) { return ( <html> <head> <ManagedSchema /> </head> <body>{children}</body> </html> ) }