https://github.com/hirosystems/stacks.js-starters

Quick-start frontend projects using Stacks.js
https://github.com/hirosystems/stacks.js-starters

bitcoin blockchain stacks

Last synced: 3 days ago
JSON representation

Quick-start frontend projects using Stacks.js

• Host: GitHub
• URL: https://github.com/hirosystems/stacks.js-starters
• Owner: hirosystems
• License: apache-2.0
• Created: 2022-05-03T14:04:23.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-06T08:11:44.000Z (6 months ago)
• Last Synced: 2024-09-27T00:19:48.237Z (about 2 months ago)
• Topics: bitcoin, blockchain, stacks
• Language: JavaScript
• Homepage:
• Size: 3.68 MB
• Stars: 15
• Watchers: 5
• Forks: 16
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Stacks.js Starters 🚀

This project aims to help quickly bootstrap frontend applications with Stacks.js on top of the following JavaScript frameworks as the foundation.

-  [Live Stacks React (Vite) Starter Template](https://stacks-react.vercel.app)

-  [Live Stacks React (CRA) Starter Template](https://stacks-cra.vercel.app)

-  [Live Stacks React (Next.js) Starter Template](https://stacks-nextjs.vercel.app)

-  [Live Stacks Svelte Starter Template](https://stacks-svelte.vercel.app)

-  [Live Stacks SvelteKit Starter Template](https://stacks-sveltekit.vercel.app)

-  [Live Stacks Vue Starter Template](https://stacks-vue.vercel.app)

-  [Live Stacks Angular Starter Template](https://stacks-angular.vercel.app)

## ⚡️ Quick-Start a Stacks.js project

The following command creates an interactive CLI (Command Line Interface), allowing you to select your favorite framework to use with Stacks.js and start building in an instant!

```

npm create stacks

```

> **Prerequisites:**

> Node.js (with `npm` >= v7.x.x)

## 🗺 Ecosystem

Similar great templates and projects using Stacks.js:

- [stacks-next-auth-example](https://github.com/pradel/stacks-next-auth-example) by @pradel: An example of Sign-In with Stacks (using Message Signing) and NextAuth.js

## 🛠 CLI Options

Run the `npm create stacks` command to launch interactive mode by default.

Similar commands exist in other package managers.

Example: `yarn create stacks`

The [`npm init`](https://docs.npmjs.com/cli/v8/commands/npm-init) and its alias `npm create` can be seen as an alias for `npm exec create-<...>`.

### `--template`

It's also possible to pass the selected framework as a parameter if you prefer a non-interactive mode:

```

npm create --template svelte

```

_...where `svelte` is the example selected framework and initializes from [`templates/template-svelte`](./templates/template-svelte/). We can choose any available framework from the [`templates/`](./templates/) directory._

## ⚖️ License & Attribution

[Apache License 2.0](./LICENSE) — You can find relevant attribution and licenses of dependencies at [ATTRIBUTION.md](./ATTRIBUTION.md)