https://github.com/muttoni/fcl-sveltekit-quickstart

A Flow FCL quickstart template using SvelteKit.
https://github.com/muttoni/fcl-sveltekit-quickstart

cadence example flow svelte sveltekit template

Last synced: 8 days ago
JSON representation

A Flow FCL quickstart template using SvelteKit.

• Host: GitHub
• URL: https://github.com/muttoni/fcl-sveltekit-quickstart
• Owner: muttoni
• Created: 2021-12-15T20:10:12.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-01-16T16:31:21.000Z (almost 2 years ago)
• Last Synced: 2024-08-01T18:25:24.723Z (3 months ago)
• Topics: cadence, example, flow, svelte, sveltekit, template
• Language: Svelte
• Homepage: fcl-sveltekit.vercel.app
• Size: 508 KB
• Stars: 10
• Watchers: 3
• Forks: 10
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# How to use the Flow Client Library (FCL) with SvelteKit

Everything you need to build a SvelteKit project with the Flow Client Library (FCL).

For a NextJS example, see my other repo: https://github.com/muttoni/fcl-nextjs-quickstart

## [Live demo](https://fcl-sveltekit.vercel.app/)

[![image](https://user-images.githubusercontent.com/27052451/146340356-e34f3c47-43bc-4c11-926b-b82b99d561c6.png)](https://fcl-sveltekit.vercel.app/)

## IMPORTANT

This is using the latest version of SvelteKit. Make sure you are running **Node v16 or above**!

## Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```bash

npm run dev

# or start the server and open the app in a new browser tab

npm run dev -- --open

```

## Building

Before creating a production version of your app, install an [adapter](https://kit.svelte.dev/docs#adapters) for your target environment. Then:

```bash

npm run build

```

> You can preview the built app with `npm run preview`, regardless of whether you installed an adapter. This should _not_ be used to serve your app in production.