npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

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)

Built by FISSION Built by FISSION Discord Discourse

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:

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