Template Creation & Deployment

Initialize the Template

Use the following command to create a new Uhuu starter project with the "direct-mail" example template:

npm create uhuu-starter@latest -- --example direct-mail

This command sets up a new directory called direct-mail, installs dependencies, and creates an initial Git commit.

Navigate to Project Directory

After the project is created, navigate to the new folder:

cd direct-mail

Run Development Server

Start the Uhuu development server, which will watch for file changes and automatically build a new dist/uhuu.zip file:

npm run uhuu

This command uses vite-plugin-uhuu to build the project, compress it, and create the uhuu.zip file in the dist folder.

Upload to Uhuu

Go to app.uhuu.io, navigate to the "Templates" section, and click New Template. You can either start from scratch or select a template example like "Direct Mail."

Add Uhuu.zip File

In your Uhuu template editor, upload the generated uhuu.zip file from your dist folder. This file contains your template assets, which Uhuu will use to generate PDFs.

Preview and Export

After uploading, you can preview your template in the Uhuu editor and export it as a PDF.