create-webnative-app
v0.0.12
Published
Create Webnative apps in either React or SvelteKit with a single command.
Downloads
10
Readme
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 runningpnpm create webnative-app
- --use-yarn - Explicitly tell the CLI to bootstrap the app using
yarn
. To bootstrap using pnpm we recommend runningyarn 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 [email protected]:webnative-examples/create-webnative-app.git
cd create-webnative-app
nvm use
npm i
npm run dev