S

Sol To Svelte UI Autobuilder using Jolly Roger

Write Solidity and watch an instantly, functional, hackable UI come to life - as you code your smart contracts.

S

Sol To Svelte UI Autobuilder using Jolly Roger

Write Solidity and watch an instantly, functional, hackable UI come to life - as you code your smart contracts.


The problem Sol To Svelte UI Autobuilder using Jolly Roger solves

You've never gone from idea to on-chain fullstack app faster

If you're familiar with Austin Griffith's Scaffold-Eth, you know how having a UI auto-builder makes prototyping way faster, way more joyful, and gives you an instant feedback loop. It's like working with clay instead of wood.

We've now built the same experience in Jolly Roger, which sets you with a Svelte front-end instead of React. Clone the repo, pnpm boot and you have:

  • a functional front-end, based on your .sol files, that you can immediately hack and extend.
  • hardhat, hardhat-deploy
  • subgraphs
  • blockscout

Why is Svelte a joy for dapps?

Svelte is much more in-line with the aesthetics and ethos of blockchain. It's free of boilerplate, writes like plain Java/TypeScript, and compiles very minimally for immutable storage. It has no shadow dom, so feels punchy and responsive on slow connections and mobile devices. That makes users feel safe.

Most importantly, it's way better for starting functional prototypes. It's a joy. You usually need 60% the codebase compared to React, which makes things readable, understandable and less library-dependent.

Client diversity applies to dapps as well as nodes

Most React developers love it, but in the blockchain ecosystem, we need more convenient tooling around it. This is a big step.

The addition of auto-scaffolding to Jolly Roger gives us that option. I hope it will open a even more divergent thinking and useful optionality to developers.

Discussion