@lit-ui/ssr

Server-side rendering utilities for @lit-ui components.

Installation

npm install @lit-ui/ssr @lit-labs/ssr

Quick Start

Server-Side Rendering

import { renderToString } from '@lit-ui/ssr';
import '@lit-ui/button';

const html = await renderToString('<lui-button>Click me</lui-button>');
// Returns HTML with Declarative Shadow DOM

Client-Side Hydration

Import hydration support before any Lit components:

// Must be first import!
import '@lit-ui/ssr/hydration';

// Then import components
import '@lit-ui/button';
import '@lit-ui/dialog';

Server Detection

import { isServer } from '@lit-ui/ssr';

if (isServer) {
  // Server-only code
} else {
  // Client-only code
}

Framework Integration

See framework-specific examples:

• Next.js
• Astro
• Express

Documentation

Full documentation: https://lit-ui.dev

License

MIT