---
title: Tutorials in JavaScript
slug: v4-5/js/tutorials
docTags: 
createdAt: 2023-09-12T13:37:13.366Z
---

The following table provides an overview of the various tutorials you can use to help you integrate Ditto in your JavaScript projects to build cloud-optional realtime apps for various environments including the browser, Node.js, (and Electron):

:::hint{type="info"}
For an overview of the JavaScript SDK's compatibility across platforms, transports, and devices, see [Compatibility with JavaScript](docId\:Yvt2seSLU1Zlcx3w-C9Bq).
:::

| **Tutorial**                                                                   | **Description**                                                                                      | **Related Content**                                              |
| ------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------- |
| [OnlineWithAuthentication Tutorial: JavaScript](docId\:QR0O8_jrl6hN7to2wezRo)¹ | Integrating a third-party identity provider for login authentication and authorization.              | *Platform Manual *> [Security](docId:7ZDIXgneWXD7R3_k5yEsa) |
| [Task App: Node.js](docId\:lCMNJvXZ5tF_0YGH55hfU)                              | Building and interacting with a basic task app for managing and tracking task items.                 | --                                                               |
| [Svelte Framework](docId\:tliyjIjYpJ36i7fj7Vp7i)                               | Ensuring your Ditto instance remains accessible throughout your app when using the Svelte framework. | --                                                               |
| [Kafka Events: Node.js](docId\:k7Tao1JXWMi-0c3YDGRKA)                          | Listening to Kafka events and pipe them to command line process `stdout`.                            | --                                                               |

¹If using `OnlineWithAuthentication`, you are required to integrate a third-party identity provider with your app. 

:::hint{type="info"}
Auth0 is Ditto’s preferred third-party identity service provider; however, you can use any you prefer. If you are using a third-party service provider other than Auth0, refer to your provider’s official documentation in addition to this tutorial as needed. 
:::