# 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](https://docs.nosto.com/ugc/guides/onsite-widgets) 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="https://3731068598-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F903dsFKGBuxQbjtVNMIV%2Fuploads%2FZcOs7bop3gPccpdr3fgx%2Fimage.png?alt=media&#x26;token=7b3171d3-ae34-466f-97f8-cf3014e2bf16" alt=""><figcaption></figcaption></figure>