create-osmosis-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-osmosis-app

# run one command
create-osmosis-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-osmosis-app

Then run the command:

create-osmosis-app

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

coa

npx

npx create-osmosis-app

npm

npm init osmosis-app 

Yarn

yarn create osmosis-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.