Get started with uhuu SDK

In this screencast we will show you how to set up a vite dev server and create an uhuu react template.

Vite supports popular front-end frameworks so that you can build using your favorite tools.

Download sample template from Github.
uhuu-template-react on Github

or try online:
Stackblitz.com CodeSandbox.io

Include

Uhuu SDK is required for communication with uhuu.io backend. Learn more about uhuu SDK.
(Already included in uhuu-template-react/index.html)

<script src="https://platform.uhuu.io/sdk/latest/uhuu-sdk.js"></script>

Install

Project dependencies.

npm install

Start

Dev server over HTTPS using the current working directory.
Learn how to configure HTTPS 🔒 on your local.

npm run dev

Connect your dev server to uhuu editor and test data payload changes.

Build

Each time you build a template, vite-plugin-uhuu compresses your built files and creates a uhuu.zip inside your dist folder. You can upload this file to your template on app.uhuu.io and create PDF.

npm run build

Concurrently develop and build

Run dev server and in parallel watch file changes and build new dist/uhuu.zip file.

npm run uhuu

Everytime code changes, vite automatically creates a new dist/uhuu.zip file. Upload this zip file to your template on app.uhuu.io and create PDF.