YUI does not come with Server Side DOM support out of the box, but you can still use one. This example will show you one way to accomplish this task.

Installing the packages

This example uses the JSDom npm package, but theortically YUI can be used with any valid DOM.

```terminal npm install yui jsdom ```

Setup the DOM

JSDom has many useful features and some that are a little on the edge, luckily it's highly configurable.

Here we will `require` jsdom, configure it to our liking and then create the `window` and `document` references that we will later give to our YUI instance.

``` #!/usr/bin/env node var jsdom = require('jsdom'); //Turn off all the things we don't want. jsdom.defaultDocumentFeatures = { //Don't bring in outside resources FetchExternalResources : false, //Don't process them ProcessExternalResources : false, //Don't expose Mutation events (for performance) MutationEvents : false, //Do not use their implementation of QSA QuerySelector : false }; var dom = jsdom.defaultLevel; //Hack in focus and blur methods so they don't fail when a YUI widget calls them dom.Element.prototype.blur = function() {}; dom.Element.prototype.focus = function() {}; //Create the document and window var document = jsdom.jsdom("

Hello YUI!

"), window = document.createWindow(); ```

Applying this DOM to a YUI instance

Using the references to `window` and `document` from the above snippet, you just pass them to the YUI constructor as the `win` and `doc` properties.

``` YUI({ win: window, doc: document }).use('node', function(Y) { Y.one('title').setHTML('YUI Server Side DOM'); console.log(Y.one('doc').get('outerHTML')); }); ```

This will output this:

``` YUI Server Side DOM

Hello YUI!

```

Rendering a widget (Full Source)

In this example, we will render a `TabView` in Node.js and print the `document` to the screen:

``` #!/usr/bin/env node var jsdom = require('jsdom'); //Turn off all the things we don't want. jsdom.defaultDocumentFeatures = { FetchExternalResources : false, ProcessExternalResources : false, MutationEvents : false, QuerySelector : false }; var dom = jsdom.defaultLevel; //Hack in focus and blur methods so they don't fail dom.Element.prototype.blur = function() {}; dom.Element.prototype.focus = function() {}; //Create the document and window var document = jsdom.jsdom("

Hello YUI!

"), window = document.createWindow(); var YUI = require('yui').YUI; YUI({ win: window, doc: document }).use('tabview', function(Y) { Y.one('title').setHTML('YUI Server Side DOM'); Y.one('body').append('

'); Y.log('Creating the TabView from script..'); var tabview = new Y.TabView({ children: [{ label: 'foo', content: '

foo content

' }, { label: 'bar', content: '

bar content

' }, { label: 'baz', content: '

baz content

' }] }); Y.log('Rendering..'); tabview.render('#demo'); console.log(Y.one('doc').get('outerHTML')); }); ```

The above script will output this:

``` YUI Server Side DOM

Hello YUI!

```