Skip to main content

Build the smallest complete package recipe: one package set, one package, one boundary file, one durable record, and one verification point.

Use this recipe when your product needs stable package-owned data before you add files, callable targets, or a React surface.

What you will build

You are building a tiny package called product-copy inside a package set called starter-package-set.The package declares one record:A record is addressed data. Addressed means the package gives the data a stable name, so the same package can be admitted again without guessing what the data is.

Folder shape

starter-package-set is the collection. product-copy is one package inside it. The file inside the package is the boundary Bitfield reads.Success check:
If the boundary file is missing, there is no package contract to admit.

Boundary file

What each field means

The package now has one durable record named package::product-copy::welcome. The address is not a UI label. It is the stable package-owned name that lets Runtime Kit admit the same record predictably.

Verify the recipe

Use this checklist before building on top of the recipe:If any row fails, fix the recipe before adding a React component. React cannot repair a broken package file.

Change the record later

Change the payload, keep the address, and admit the package again. Same address means same piece of package data. New payload means new content for that piece.That gives you a safe edit path:
Do not change all three at once while debugging. Change one field, verify it, then move to the next.

Common failures

Extend it

After this works, add one capability at a time:
  1. Add a second record for another piece of product copy.
  2. Add a stored_bytes entry when the package owns a file.
  3. Add a slot when app code needs a named target to ask for work.
  4. Add a React surface that reads a data name created from the record.
The shape stays the same: package declares, Runtime Kit admits, app surfaces read named data or call named targets.
Do not put private product secrets in public package examples. Package records are product data. Secrets belong behind your account and deployment controls.

Next

Read Package-owned file when the package needs bytes beside records.Read Package file for exact record field rules, payload choices, and invalid examples.Read Package to screen when you want to turn admitted package data into a React surface.
Last modified on May 10, 2026