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

sui-dapp-starter

v0.8.0

Published

Full-Stack Sui Starter on Steroids

Downloads

5

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

kkomelinkkomelin

Keywords

suisui-dappsui-dapp-startersui-blockchainsui-boilerplateblockchainboilerplatestarterstarter-template

Readme

Sui dApp Starter - Full-Stack Sui Starter on Steroids

Build and Lint (frontend) Discord chat

Spoiler

Won the 1st place in the Randomness category of the Sui Overflow 2024 hackathon

Motivation

Most of the Sui starters I found were either very basic or aimed for developing frontend-only apps. Thanks to my experience with various full-stack starters and templates, I knew how to do better, so I started this template with the goal of providing all basic tools and components for you to focus on your business logic from day one and not spend weeks on creating your app skeleton. // @kkomelin

Features

  • Suibase: Painless work with the networks
  • Local Sui Explorer: Browse your transactions and objects locally
  • pnpm: More efficient package management for monorepos
  • TypeScript: Less error-prone JavaScript
  • React: Good old React for truly decentralized apps
  • Tailwind CSS: Utility-first CSS for more efficient styling
  • Vite + SWC: Faster app bundling and optimizing
  • Radix UI: Accessible React components to prototype quicker
  • Sui dApp Kit: All you need to work with Sui network on frontend
  • Components and Hooks: useTransact, useNetworkType, NetworkType, useBalance, Balance, useFaucet, Faucet and more
  • Frontend Deployment: Firebase, Walrus Sites, Arweave
  • One-liner Install: Just pnpm create sui-dapp@latest
  • Demo app: Illustrates the use of Sui On-Chain Randomness and Sui Object Display (NFT)

Prerequisites

Before you begin, install the following:

Installation

Use this template ->

or

pnpm create sui-dapp@latest

Usage

1. Run the local Sui network:

pnpm localnet:start

Local Sui Explorer will be available on localhost:9001

2. Deploy the demo contract to the local network:

pnpm localnet:deploy

If you're having dependency version mismatch issues, try to update the localnet pnpm localnet:update or use pnpm localnet:deploy:no-dependency-check" instead of the regular deployment command.

3. Switch to the local network in your browser wallet settings.

4. Fund your localnet account/address:

You have a few options here:

a) Use the Faucet button integrated into your wallet (e.g. Sui Wallet).

b) Copy the localnet address from your wallet and run the following in your console:

pnpm localnet:faucet 0xYOURADDRESS

c) Run the app and use the Faucet button in the footer.

5. Run the app:

pnpm start

Find all commands in package.json

Test

Backend

pnpm test

Troubleshoot

Troubleshooting guide

Documentation

Project Documentation

Roadmap

Improvement Ideas

Community

Discord

Links

License & Copyright

Copyright (c) 2024 Konstantin Komelin and other contributors

Code licensed under the MIT License: http://opensource.org/licenses/MIT

SVG Graphics used for NFTs is licensed under CC-BY 4.0: https://creativecommons.org/licenses/by/4.0/