Lewati ke konten utama

Example gallery

Start from working code, not a blank folder. Every example below maps to a digs new template you can scaffold in one command, and links to the example repo it's based on.

digs new <template> my-project    # free, no chain, no spend
cd my-project && digs dev          # preview on the real read path
Two front doors, same templates

You can scaffold these from the dig-store CLI (digs new) or straight from npm with npm create dig-app@latest my-project -- --template <template>. See Scaffold an app for the full template list and how the two front doors compare.

Repo links are placeholders during pre-release

The digs new <template> commands are live today. The example repository links are placeholders while the gallery is being assembled — they're marked (coming soon) below. The templates themselves ship with the CLI, so you can scaffold and run every one of these now.

Static site — static-site​

A plain HTML/CSS/JS site, no build step. The simplest possible deployment: the folder is the capsule.

digs new static-site my-site
  • Scaffolds: index.html, styles, and a dig.toml with output-dir = ".".
  • Good for: a landing page, docs, a portfolio — anything static.
  • Open in template: (example repo coming soon)

React dapp — vite-react​

A Vite + React app wired to the in-page Chia wallet (window.chia). This is the template the Build a dapp tutorial walks through end to end.

digs new vite-react my-dapp
  • Scaffolds: a Vite/React app, App.jsx with a wallet Connect flow, dig.toml (output-dir = "dist", build-command = "npm install && npm run build").
  • Good for: any interactive dapp that needs a wallet — signing, spends, reading verified content.
  • Pairs with: @dignetwork/dig-sdk for the window.chia + WalletConnect fallback and the spend builder.
  • Open in template: (example repo coming soon)

NFT drop page — nft-drop​

The public mint/collection page for an NFT drop.

digs new nft-drop my-drop
  • Scaffolds: a mint/collection landing page and a dig.toml. (Minting the NFTs themselves is a separate on-chain step.)
  • Good for: a collection's public face — the page collectors visit to mint.
  • Open in template: (example repo coming soon)

Also available​

Two more templates ship with the CLI:

  • next-static — a Next.js static-export site.
  • dapp-window-chia — a hand-written (no build step) dapp wired directly to window.chia, the minimal example of the in-page wallet.
digs new next-static my-next-site
digs new dapp-window-chia my-wallet-dapp