> For the complete documentation index, see [llms.txt](https://docs.nosto.com/ugc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.nosto.com/ugc/guides/widgets-nextgen/widget-creation-guides/creating-your-first-widget/creating-a-widget-from-blank-canvas-developer-guide/creating-a-new-widget/building-your-widget.md).

# Building your widget

{% hint style="warning" %}
You are reading the **NextGen Documentation**

**NextGen widgets** are a new and improved way to display UGC content onsite. 

From September 23rd 2025, all new widgets created will be NextGen.

Please check your widget version on the **Widget List page** to see if it is a **Classic** or **NextGen** widget.

You can read the [Classic Widget Documentation](/ugc/guides/onsite-widgets.md) here.

**Note: This feature is unique to NextGen widgets**
{% endhint %}

**Development**

When building your widget, it is recommended to utilise the `npm run start` command to automatically rebuild any new changes you introduce to the code base.

This will automatically build the utilities packages.

**Preparing for production**

When building for production, you can utilise `npm run build`  which will automatically build the assets for the production environment.

All changes to assets will be available in the dist folder

<figure><img src="/files/fA3Rck9iaEtXbEkw5jLo" alt=""><figcaption></figcaption></figure>