svelte-firebase Svelte Themes

Svelte Firebase

a simple project with Svelte and firebase.

svelte app with firebase

Get started

In this project I have covered :

  1. Input & data binding.
  2. Reactive values.
  3. Event handler.
  4. Components.
  5. CSS & conditional styles.
  6. Props.
  7. Event forwarding.
  8. Event modifiers.
  9. Slots.
  10. Dispatching custom events.
  11. Store.js.
  12. Firebase CloudFirestore.
  13. Animation.
  14. Transitions.

Get started

Install the dependencies...

cd svelte-app
npm install

...then start Rollup:

npm run dev

Navigate to localhost:5000. You should see your app running. Edit a component file in src, save it, and reload the page to see your changes.

By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the sirv commands in package.json to include the option --host 0.0.0.0.

If you're using Visual Studio Code we recommend installing the official extension Svelte for VS Code. If you are using other editors you may need to install a plugin in order to get syntax highlighting and intellisense.

Top categories

Loading Svelte Themes