Solid RealTime

Solid Realtime is a library that allows you to connect and manage real-time data from different services like Supabase, Firebase, etc.

Table of Contents

- Features
- Installation
- Usage
- Configuration
- Contributing
- License
- Contact

Features

- Supabase: Supabase allows you to subscribe to real-time changes on your database from your client application. You can listen to database changes.
- Firebase: Firebase provides a suite of cloud-based services to help you build and run applications. With Firebase Realtime Database, you can store and sync data between your users in real-time. It allows you to listen to data changes and update your application instantly.
- RowSQL: In commin.
- Prisma: Prisma is an open-source ORM (Object-Relational Mapping) tool that simplifies database access. It provides a type-safe query builder and supports various databases, including PostgreSQL, MySQL, and SQLite. Prisma helps you write clean and maintainable database queries, making it easier to interact with your database in a type-safe manner.

Solid-Realtime: Allows you to create a reactive store from the database.

Installation

Steps to install the project locally.

$3

1. Install the dependencies:

``bash
npm install solid-realtime # or pnpm install or yarn install
`

2. Set up the environment (see the Configuration section below).

3. Try to use library:

Example for supabase:

Prerequisites: follow this tutorial on supabase website.

And now in your solid.js project:

`jsx
import { For } from "solid-js";
import { createClient } from "@supabase/supabase-js";
import { useWatcher, supaConnector } from "solid-realtime";

const client = createClient(import.meta.env.VITE_SUPABASE_URL, import.meta.env.VITE_SUPABASE_ANON);

function Home() {
const { store } = useWatcher(client, ["countries"], supaConnector)
return (


All countries:
{(country) =>
• {country.name}
}

);
}

export default Home;
`

#### Learn more on the Solid Website and come chat with us on our Discord

See more in the documentation (here)

Usage

`bash


Example command to start the application


npm run dev or npm start
`

Runs the app in the development mode.

Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.

`bash
npm run build
`

Builds the app for production to the dist folder.

It correctly bundles Solid in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.

Your app is ready to be deployed!

$3

You can deploy the dist folder to any static host provider (netlify, surge, now, etc.)

Configuration

Explain how to configure any settings or environment variables, for example:

1. Create a .env file in the root directory.

2. Add the following environment variables:

`bash
# Supabase
VITE_SUPABASE_URL=https://.supabase.co
VITE_SUPABASE_ANON=*

or

# SLQlite
DATABASE_URL="file:./dev.db"

or

# Postgres
POSTGRES_USR="someuser"
POSTGRES_PWD="somepwd"
POSTGRES_DB="somedb"
POSTGRES_URL="postgres://${POSTGRES_USR}:${POSTGRES_PWD}@postgres:5432/${POSTGRES_DB}
`

Contributing

Contributions are welcome! Here's how to contribute:

1. Fork the project
2. Create a feature branch (git checkout -b feature-branch)
3. Commit your changes (git commit -am 'Added new feature')
4. Push to the branch (git push origin feature-branch`)
5. Create a Pull Request

License

This project is licensed under the MIT - see the LICENSE file for details.

Contact

- Ouways - @GitHub Profile -
- Dimitri - @GitHub Profile -
- Jean François - @GitHub Profile -

Project Link: Solid RealTime