https://github.com/statelyai/sky-starter-app
React, Vite & XState 5 starter app for Stately Sky 🌤️
https://github.com/statelyai/sky-starter-app
Last synced: 9 months ago
JSON representation
React, Vite & XState 5 starter app for Stately Sky 🌤️
- Host: GitHub
- URL: https://github.com/statelyai/sky-starter-app
- Owner: statelyai
- Created: 2023-10-16T10:38:40.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-29T22:15:57.000Z (over 1 year ago)
- Last Synced: 2025-03-28T21:12:36.738Z (10 months ago)
- Language: TypeScript
- Homepage: https://sky-starter.stately.ai/
- Size: 194 KB
- Stars: 11
- Watchers: 4
- Forks: 8
- Open Issues: 1
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Stately Sky Starter App 🌤️
This is a starter Vite React app for Stately Sky to get you going quickly.
## Documentation
Find our getting started documentation at [stately.ai](https://stately.ai/docs/stately-sky-getting-started).
## Set up
Install dependencies:
```bash
npm install
```
Start the app:
```bash
npm run dev
```
After you've started the app, you will see three pages:
- [Home page](#home-page)
- [Counter example](#counter-example)
- [Traffic light example](#traffic-light-example)
### Home Page
The [home page](https://sky-starter.stately.ai/?page=home) is a basic page with links to our docs and examples.
### Counter example
The [counter example](https://sky-starter.stately.ai/?page=counter) is a simple counter that shows how to use Stately Sky.
### Traffic light example
The [traffic light example](https://sky-starter.stately.ai/?page=trafficlight) shows how you can even use delayed transitions on Sky.
### .env file
We have included a `.env` file in this starter app. You should not commit an `.env` file to your own repository, but we have included it here for convenience to get started quickly.
## Community
Join our [Discord](https://discord.stately.ai) to chat with us and other Stately Sky users.
## Learn more
- [Stately Sky](https://stately.ai/docs/stately-sky-getting-started)
- [Vite](https://vitejs.dev/)
- [React](https://reactjs.org/)