create-webnative-app

Create Webnative App (CWA)

CWA is a CLI generator that allows you to spin up either React or SvelteKit flavours of Fission's Webnative App Template and Webnative WalletAuth repos.

🎬 Demo

https://user-images.githubusercontent.com/1179291/195956380-8c1442fa-75d9-4167-8e0f-b8660d40e149.mp4

💻 Getting Started

You can use the following commands via your package manager of choice to invoke create-webnative-app

npx create-webnative-app
# or
yarn create webnative-app
# or
pnpm create webnative-app

Options

You can invoke create-webnative-app directly with an app name or you can wait to be prompted to set one:

npx create-webnative-app my-webnative-app
# or
yarn create webnative-app my-webnative-app
# or
pnpm create webnative-app my-webnative-app

create-webnative-app also comes with the following options:

• --use-sveltekit - Explicitly tell the CLI to build the application using SvelteKit
• --use-react - Explicitly tell the CLI to build the application using React
• --use-walletauth - Explicitly tell the CLI to build the application using Webnative's WalletAuth flow
• --use-webcrypto - Explicitly tell the CLI to build the application using Webnative's Device Linking flow
• --use-npm - Explicitly tell the CLI to bootstrap the app using npm. This is the default option.
• --use-pnpm - Explicitly tell the CLI to bootstrap the app using pnpm. To bootstrap using pnpm we recommend running pnpm create webnative-app
• --use-yarn - Explicitly tell the CLI to bootstrap the app using yarn. To bootstrap using pnpm we recommend running yarn create webnative-app

🤔 What's Webnative?

The Webnative SDK empowers developers to build fully distributed web applications without needing a complex back-end. The SDK provides:

• user accounts (via the browser's Web Crypto API),
• authorization (using UCAN)
• encrypted file storage (via the Webnative File System, backed by the InterPlanetary File System, or IPFS)
• and key management (via websockets and a two-factor auth-like flow).

Webnative applications work offline and store data encrypted for the user by leveraging the power of the web platform. You can read more about Webnative in Fission's Webnative Guide.

🚀 Contributing

git clone [e-mail]:webnative-examples/create-webnative-app.git
cd create-webnative-app
nvm use
npm i
npm run dev