Name		Name	Last commit message	Last commit date
.github/workflows		.github/workflows
public		public
src		src
.dockerignore		.dockerignore
.gitignore		.gitignore
Dockerfile		Dockerfile
LICENSE		LICENSE
README.md		README.md
eslint.config.js		eslint.config.js
index.html		index.html
justfile		justfile
package-lock.json		package-lock.json
package.json		package.json
versions.json		versions.json
vite.config.js		vite.config.js

Repository files navigation

IPFS-boot-react

IPFS-boot React.js starter, see:

IPFS-boot

History

This is a standard react project created using:

npm create vite@latest ipfs-boot-react -- --template react

What differs is main.jsx knows to unmount and package.json has updated build targets

Build

The aim is reproducible builds so docker is involved

docker buildx build --platform=linux/amd64 -t ipfs-boot-react .
docker run --rm -i --platform=linux/amd64 -v ./dist:/root/dist ipfs-boot-react
> CIDv1 = bafybeih6ahjvidh6r7se5asm2zf53kkpqrhj5phw2mfcx7jdz4uoozj5ja

Follow Pin docs in the parent repo
You will get container ipfs-pin and .env

cp ../IPFS-boot/.env .
CID=$(docker run --rm -i --platform=linux/amd64 -v ./dist:/root/dist --env-file .env ipfs-pin | grep CIDv1 | cut -c9-)
npx ipfs-boot init https://github.com/user/react123 react123
npx ipfs-boot publish --cid $CID --version v0.0.1 --notes "release notes"
cat versions.json

If you have just command runner

cp ../IPFS-boot/.env .
npx ipfs-boot init https://github.com/user/react123 react123
just publish v0.0.1 "release notes"
cat versions.json

All that remains is send versions.json to your https server, where the bootloader looks (needs CORS), remember dist/ (your app) is at this point now with IPFS