Real time update from database in sveltekit

This page summarizes the projects mentioned and recommended in the original post on /r/sveltejs

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • Socket.io

    Realtime application framework (Node.JS server)

  • I would probably set up a separate socket.io server for the real-time functionality, but load all the chat data for each page like you normally would from the database in +page.server.js load functions. The websocket server would then handle all the real-time stuff in the client after the initial data is loaded. This would allow you to still take full advantage of SSR.

  • pusher-js

    Pusher Javascript library

  • Personally I use pusher for this purpose, I send events from the SvelteKit backend whenever I'm communicating with my database. Then in the client I listen to those events to update the UI when needed.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • sveltekit-chat

  • You can find an example of how to implement a simple SSE server in SK without any additional third party services: https://github.com/khromov/sveltekit-chat

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Show HN: Roc VAD – macOS virtual device for audio streaming

    2 projects | news.ycombinator.com | 10 May 2024
  • Create a Chat with Laravel and Socket.io

    1 project | dev.to | 7 May 2024
  • SeaTunnel – super high-performance, distributed data integration tool

    1 project | news.ycombinator.com | 28 Apr 2024
  • The Sound of Software

    1 project | news.ycombinator.com | 27 Apr 2024
  • Apache SeaTunnel: Next-generation high-performance, distributed integration tool

    1 project | news.ycombinator.com | 27 Apr 2024