This is an example supporting this tutorial.

1. Set NPM_TOKEN environment variable to the value provided by your Uniform rep. This will be needed to be able to run npm install since this project is using some private packages.

2. Uniform project with at least 1 signal or enrichment created. Publish from the Personalization section at least once.

3. The latest version of Wrangler CLI installed:

   npm i @cloudflare/wrangler -g

4. An origin site is rendering with "edge" output type and available for the worker to connect to. This could be either a server-side rendered site, or a statically generated site, the important part is that UniformContext must have outputType set to edge, example from our React-based apps (similar setup needed for Vue.js apps):

        <UniformContext
            ...
            outputType={"edge"}
        >
        ...
        </UniformContext>

1. Open wrangler.toml and set ORIGIN_URL to the value of either your server (if you are doing SSR), or your static origin in case of SSG. This could be any origin, for example, Azure Blob Storage, S3, etc., make sure it starts with https://.

   [vars]
   ORIGIN_URL = "https://yoursloworigin.com"

2. Set the worker name and account_id (can be retrieved from your Cloudflare panel)

   name = "your-worker-name"
   account_id = "abc"

3. Update your .env file according to your Uniform project settings:

   UNIFORM_API_KEY=your-project-api-key
   UNIFORM_PROJECT_ID=your-project-id

1. Run this command to download Uniform manifest with personalization configuration:

   npm run uniform:manifest

2. Run the following command for local worker to start:

   wrangler dev

3. Open http://localhost:8787 after it is successful

Run this command to publish the worker:

wrangler publish