JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 259
  • Score
    100M100P100Q90702F
  • License MIT

Use Happy DOM for server-side rendering (SSR) or as a static site generator (SSG).

Package Exports

  • @happy-dom/server-renderer
  • @happy-dom/server-renderer/lib/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@happy-dom/server-renderer) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Happy DOM Logo

Use Happy DOM for server-side rendering (SSR) or static site generation (SSG).

The benefit of using this tool compared to other SSR and SSG solutions, is that it is not tied to a specific framework. For example, you can use React, Vue, Angular and Lit on the same page. The page is rendered as a whole and outputted as HTML.

This tool uses a worker pool by default to render multiple pages in parallel. Each worker can also render multiple pages in parallel that shares resources.

Installation

npm install @happy-dom/server-renderer --save-dev

Documentation

You will find the documentation in the Happy DOM Wiki under Server-Renderer.

Usage

Command Line

See all available command line arguments in the Command Line Documentation.

Example 1

Render to the file ./happy-dom/render/gb/en/index.html.

npx @happy-dom/server-renderer "https://example.com/gb/en/"

or if you have it installed

happy-dom-sr "https://example.com/gb/en/"

Example 2

Start proxy server.

happy-dom-sr --server --server.targetOrigin="https://example.com"

JavaScript

See all available configuration options in the Javascript API Documentation.

Example

import { ServerRenderer } from '@happy-dom/server-renderer';

const renderer = new ServerRenderer({
  // Your configuration options
});

const result = await renderer.render(['https://example.com/gb/en/']);

// The rendered HTML
console.log(result[0].url);
console.log(result[0].content);

Happy DOM

Documentation | Getting Started | Setup as Test Environment | GitHub