2022-12-01 11:25:45 +00:00
|
|
|
# Svelte + Appwrite = 🚀
|
|
|
|
|
|
|
|
|
|
Blazing fast development with done backend and fully-prepared frontend.
|
|
|
|
|
|
|
|
|
|
Frontend included:
|
|
|
|
|
|
|
|
|
|
* tailwind
|
|
|
|
|
* scss
|
|
|
|
|
* typescript
|
|
|
|
|
* routing
|
2022-12-01 20:08:27 +00:00
|
|
|
* ready routes
|
2022-12-01 11:25:45 +00:00
|
|
|
* oauth
|
|
|
|
|
* folder structure
|
|
|
|
|
* common components
|
|
|
|
|
* simple icons
|
|
|
|
|
* service worker
|
|
|
|
|
* path aliases
|
2022-12-01 20:08:27 +00:00
|
|
|
* database realtime subscribers
|
2022-12-01 11:25:45 +00:00
|
|
|
* vite
|
|
|
|
|
|
|
|
|
|
Included:
|
|
|
|
|
|
|
|
|
|
* prettier
|
|
|
|
|
* editorconfig
|
2022-12-01 20:08:27 +00:00
|
|
|
|
|
|
|
|
## Database subscribers
|
|
|
|
|
|
|
|
|
|
```svelte
|
|
|
|
|
<script>
|
|
|
|
|
import { createCollectionSubscriber } from '$lib/database'
|
|
|
|
|
import Layout from '$lib/components/Layout'
|
|
|
|
|
|
|
|
|
|
const subscriber = createCollectionSubscriber('[database-id]', '[collection-id]')
|
|
|
|
|
// listen changes in database and automatically rerender on change
|
|
|
|
|
// current data = { name: 'John', lastName: 'Doe' }
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<Layout>
|
|
|
|
|
{$subscriber ? $subscriber[0].name : ''}
|
|
|
|
|
</Layout>
|
|
|
|
|
```
|
