Create-cosmwasm-app NPM

create-cosmwasm-app

Set up a modern CosmWasm app by running one command ⚛️

Demo

https://user-images.githubusercontent.com/545047/192061992-f0e1106d-f4b2-4879-ab0a-896f22ee4f49.mp4

Overview

# install
npm install -g create-cosmwasm-app

# run one command
create-cosmwasm-app

> name: my-app
cd my-app
yarn && yarn dev

# now your app is running on localhost:3000!

Get Started Immediately

You don’t need to install or configure cosmjs, keplr, nextjs, webpack or Babel.

Everything is preconfigured, ready-to-go, so you can focus on your code!

⚡️ Connect easily to keplr + keplr mobile via wallet connect
⚛️ Sign and broadcast with cosmjs stargate + cosmwasm signers
🛠 Render pages with next.js hybrid static & server rendering
🎨 Build awesome UI with Cosmos Kit and Chakra UI
📝 Leverage chain-registry for Chain and Asset info for all Cosmos chains

Education & Resources

🎥 Checkout our videos to learn to learn more about create-cosmos-app and tooling for building frontends in the Cosmos!

Checkout cosmos-kit for more docs as well as cosmos-kit/react for getting cosmjs stargate and cosmjs signers.

Creating an App

To create a new app, you may choose one of the following methods:

global install

npm install -g create-cosmwasm-app

Then run the command:

create-cosmwasm-app

we also made an alias cwa if you don't want to type create-cosmwasm-app:

cwa

npx

npx create-cosmwasm-app

npm

npm init cosmwasm-app

Yarn

yarn create cosmwasm-app

Credits

🛠 Built by Cosmology — if you like our tools, please consider delegating to our validator ⚛️

Code built with the help of these related projects:

create-cosmos-app Set up a modern Cosmos app by running one command ⚛️
@cosmwasm/ts-codegen for generated CosmWasm contract Typescript classes
@osmonauts/telescope a "babel for the Cosmos", Telescope is a TypeScript Transpiler for Cosmos Protobufs.
chain-registry Cosmos chain registry and chain info.
cosmos-kit A wallet connector for the Cosmos.