Merge pull request #9392 from supabase/master

Studio deploy
2026-10-06 18:05:11 +03:00 · 2022-10-11 16:16:32 +08:00
commit fac5397acf
@@ -5,16 +5,15 @@ name: Studio Unit Tests

 on:
  push:
-    branches: [ master ]
+    branches: [master]
    paths:
      - 'studio/**'
  pull_request:
-    branches: [ master ]
+    branches: [master]
    paths:
      - 'studio/**'
 jobs:
  build:
-
    runs-on: ubuntu-latest

    strategy:
@@ -23,15 +22,15 @@ jobs:
        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/

    steps:
-    - uses: actions/checkout@v2
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v2
-      with:
-        node-version: ${{ matrix.node-version }}
-        cache: 'npm'
-    - name: Install deps
-      run: npm ci
-      working-directory: ./
-    - name: Run tests
-      run: npm test
-      working-directory: ./studio
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'npm'
+      - name: Install deps
+        run: npm ci
+        working-directory: ./
+      - name: Run tests
+        run: npm run test:studio
+        working-directory: ./
@@ -279,20 +279,22 @@ If you visit `/api/protected-route` without a valid session cookie, you will get

 ## Protecting routes with [Nextjs Middleware](https://nextjs.org/docs/middleware)

-As an alternative to protecting individual pages using `getServerSideProps` with `withPageAuth`, `withMiddlewareAuth` can be used from inside a `_middleware` file to protect an entire directory. In the following example, all requests to `/protected/*` will check whether a user is signed in, if successful the request will be forwarded to the destination route, otherwise the user will be redirected to `/login` (defaults to: `/`) with a 307 Temporary Redirect response status:
+As an alternative to protecting individual pages using `getServerSideProps` with `withPageAuth`, `withMiddlewareAuth` can be used from inside a `middleware` file to protect the entire directory or those that match the config object. In the following example, all requests to `/middleware-protected/*` will check whether a user is signed in, if successful the request will be forwarded to the destination route, otherwise the user will be redirected to `/login` (defaults to: `/`) with a 307 Temporary Redirect response status:

-```ts
-// pages/protected/_middleware.ts
-import { withMiddlewareAuth } from '@supabase/auth-helpers-nextjs/middleware'
+```ts title="/middleware.ts"
+import { withMiddlewareAuth } from '@supabase/auth-helpers-nextjs'

-export const middleware = withMiddlewareAuth({ redirectTo: '/login' })
+export const middleware = withMiddlewareAuth({ redirectTo: '/' })
+
+export const config = {
+  matcher: ['/middleware-protected/:path*'],
+}
 ```

 It is also possible to add finer granularity based on the user logged in. I.e. you can specify a promise to determine if a specific user has permission or not.

-```ts
-// pages/protected/_middleware.ts
-import { withMiddlewareAuth } from '@supabase/auth-helpers-nextjs/dist/middleware'
+```ts title="/middleware.ts"
+import { withMiddlewareAuth } from '@supabase/auth-helpers-nextjs/middleware'

 export const middleware = withMiddlewareAuth({
  redirectTo: '/login',
@@ -301,6 +303,10 @@ export const middleware = withMiddlewareAuth({
    redirectTo: '/insufficient-permissions',
  },
 })
+
+export const config = {
+  matcher: ['/middleware-protected/:path*'],
+}
 ```

 ## Migrating from @supabase/supabase-auth-helpers to @supabase/auth-helpers
@@ -116,7 +116,7 @@ You can use it completely, or just the features you need.
        class="card"
        to={useBaseUrl('/guides/realtime')}
        title={'Realtime'}
-        description={'Build with Broadcast, Presence, and Postgres Changes.'}
+        description={'Build with Broadcast, Presence, and Postgres CDC.'}
        style={{ height: '100%' }}
      />
    </div>
@@ -23,9 +23,9 @@ Most notably, we use Postgres rather than a NoSQL store. This choice was deliber
 | Database                   | Postgres               | GA    | [Link](/docs/guides/database)                    |
 | Database                   | Webhooks               | Alpha |                                                  |
 | Database                   | Point in time Recovery | Alpha |                                                  |
-| Realtime                   | Postgres Changes       | Beta  | [Link](/docs/guides/realtime/postgres-changes)   |
-| Realtime                   | Broadcast              | Alpha | [Link](/docs/guides/realtime/broadcast)          |
-| Realtime                   | Presence               | Alpha | [Link](/docs/guides/realtime/presence)           |
+| Realtime                   | Postgres CDC           | Beta  | [Link](/docs/guides/realtime/postgres-cdc)       |
+| Realtime                   | Broadcast              | Alpha | [Link](/docs/guides/realtime#broadcast)          |
+| Realtime                   | Presence               | Alpha | [Link](/docs/guides/realtime#presence)           |
 | Storage                    |                        | Beta  | [Link](/docs/guides/storage)                     |
 | Storage                    | CDN                    | Beta  | [Link](/docs/guides/storage-cdn)                 |
 | Edge Functions             |                        | Beta  | [Link](/docs/guides/functions)                   |
@@ -248,7 +248,7 @@ import { createClient, useQuery } from 'urql'
 // Prepare API key and Authorization header
 const headers = {
  apikey: <SUPABASE_ANON_KEY>,
-  authorization: `Bearer: ${<SUPABASE_ANON_KEY}`>
+  authorization: `Bearer ${<SUPABASE_ANON_KEY}`>
 }

 // Create GraphQL client
@@ -10,29 +10,49 @@ Migrating projects can be achieved using standard PostgreSQL tooling. This is pa

 - Install [Postgres](https://www.postgresql.org/download/) so you can run `psql` and `pg_dump`.
 - Create a new [Supabase project](https://app.supabase.com).
- Enable [Database Webhooks](https://app.supabase.com/project/_/database/hooks) in your new project if you enabled them in your old project.
 - Store the old project's database URL as `$OLD_DB_URL` and the new project's as `$NEW_DB_URL`.

 ## Migrate the database

-In your old project:
+1. Enable [Database Webhooks](https://app.supabase.com/project/_/database/hooks) in your new project if you enabled them in your old project.
+2. In your new project, enable all extensions that were enabled in your old project.
+3. Run the following command from your terminal:

-1. Run `ALTER ROLE postgres SUPERUSER` in the [SQL editor](https://app.supabase.com/project/_/sql).
-1. Run `pg_dump --clean --if-exists --quote-all-identifiers -h $OLD_DB_URL -U postgres > dump.sql` from your terminal.
-1. Run `ALTER ROLE postgres NOSUPERUSER` in the [SQL editor](https://app.supabase.com/project/_/sql).
+```sh
+set -euo pipefail

-In your new project:
+pg_dump \
+  --clean \
+  --if-exists \
+  --quote-all-identifiers \
+  --exclude-table-data 'storage.objects' \
+  --exclude-schema 'extensions|graphql|graphql_public|net|pgbouncer|pgsodium|pgsodium_masks|realtime|supabase_functions|pg_toast|pg_catalog|information_schema' \
+  --schema '*' \
+  --dbname "$OLD_DB_URL" \
+| sed 's/^DROP SCHEMA IF EXISTS "auth";$/-- DROP SCHEMA IF EXISTS "auth";/' \
+| sed 's/^DROP SCHEMA IF EXISTS "storage";$/-- DROP SCHEMA IF EXISTS "storage";/' \
+| sed 's/^CREATE SCHEMA "auth";$/-- CREATE SCHEMA "auth";/' \
+| sed 's/^CREATE SCHEMA "storage";$/-- CREATE SCHEMA "storage";/' \
+| sed 's/^ALTER DEFAULT PRIVILEGES FOR ROLE "supabase_admin"/-- ALTER DEFAULT PRIVILEGES FOR ROLE "supabase_admin"/' \
+> dump.sql

-1. Run `ALTER ROLE postgres SUPERUSER` in the [SQL editor](https://app.supabase.com/project/_/sql).
-1. Run `psql -h $NEW_DB_URL -U postgres -f dump.sql` from your terminal.
-1. Run `TRUNCATE storage.objects` in the [SQL editor](https://app.supabase.com/project/_/sql).
-1. Run `ALTER ROLE postgres NOSUPERUSER` in the [SQL editor](https://app.supabase.com/project/_/sql).
+psql \
+  --single-transaction \
+  --variable ON_ERROR_STOP=1 \
+  --file dump.sql \
+  --dbname "$NEW_DB_URL"
+```

-## Migrate storage objects
+## Enable publication on tables

-The new project has the old project's Storage buckets, but the Storage objects need to be migrated manually. Use this script to move storage objects from one project to another. If you have more than 10k objects, we can move the objects for you. Just contact us at [support@supabase.io](mailto:support@supabase.io).
+Replication for Realtime is disabled for all tables in your new project. On the [Replication](https://app.supabase.com/project/_/database/replication) page in the Dashboard, select your new project and enable replication for tables that were enabled in your old project.
+
+## Migrate Storage objects
+
+The new project has the old project's Storage buckets, but the Storage objects need to be migrated manually. Use this script to move storage objects from one project to another. If you have more than 10k objects, we can move the objects for you. Just contact us at [support@supabase.com](mailto:support@supabase.com).

 ```js
+// npm install @supabase/supabase-js@1
 const { createClient } = require('@supabase/supabase-js')

 const OLD_PROJECT_URL = 'https://xxx.supabase.co'
@@ -2,6 +2,7 @@
 id: functions
 title: Edge Functions
 description: 'Globally distributed TypeScript functions.'
+sidebar_label: Overview
 ---

 import Tabs from '@theme/Tabs'
@@ -11,12 +12,12 @@ const examples = [
  {
    name: 'With supabase-js',
    description: 'Use the Supabase client inside your Edge Function.',
-    href: 'https://github.com/supabase/examples/tree/main/supabase-js-v1/edge-functions',
+    href: 'https://github.com/supabase/supabase/blob/master/examples/edge-functions/supabase/functions/select-from-table-with-auth-rls/index.ts',
  },
  {
    name: 'With CORS headers',
    description: 'Send CORS headers for invoking from the browser.',
-    href: 'https://github.com/supabase/examples/tree/main/supabase-js-v1/edge-functions/supabase/functions/browser-with-cors',
+    href: 'https://github.com/supabase/supabase/blob/master/examples/edge-functions/supabase/functions/browser-with-cors/index.ts',
  },
  {
    name: 'React Native with Stripe',
@@ -89,7 +90,7 @@ The command outputs a URL to the Supabase Dashboard which you can open to find v

 By default, Edge Functions require a valid JWT in the authorization header. This header is automatically set when invoking your function via a Supabase client library.

-If you want to use Edge Functions to handle webhooks (e.g. [Stripe payment webhooks](https://github.com/supabase/examples/tree/main/supabase-js-v1/edge-functions/supabase/functions/stripe-webhooks), or [chat bot webhooks](https://github.com/supabase/examples/tree/main/supabase-js-v1/edge-functions/supabase/functions/telegram-bot) etc.), you need to pass the `--no-verify-jwt` flag when deploying your function.
+If you want to use Edge Functions to handle webhooks (e.g. [Stripe payment webhooks](https://github.com/supabase/supabase/tree/master/examples/edge-functions/supabase/functions/stripe-webhooks) etc.), you need to pass the `--no-verify-jwt` flag when deploying your function.

 :::

@@ -236,7 +237,7 @@ supabase secrets list

 ## Examples

-You can find a list of useful [Edge Function Examples](https://github.com/supabase/examples/tree/main/supabase-js-v1/edge-functions) in our GitHub repository.
+You can find a list of useful [Edge Function Examples](https://github.com/supabase/supabase/tree/master/examples/edge-functions) in our GitHub repository.

 <div class="container" style={{ padding: 0 }}>
  <div class="row is-multiline">
@@ -289,6 +290,8 @@ We recommend using hyphens to name functions because hyphens are the most URL-fr

 We recommend adding a check to handle [CORS Preflight](https://developer.mozilla.org/en-US/docs/Glossary/Preflight_request) requests in your edge function to be able to invoke the function from browsers.

+See the [example on GitHub](https://github.com/supabase/supabase/blob/master/examples/edge-functions/supabase/functions/browser-with-cors/index.ts).
+
 ```ts
 export const corsHeaders = {
  'Access-Control-Allow-Origin': '*',
@@ -310,5 +313,5 @@ serve(async (req) => {
  - Cannot write to File System
 - Edge Functions
  - Local development - only one function at a time
-  - Supabase Functions only supports `POST` requests.
+  - Supabase Functions only supports `GET` and `POST` requests.
  - Supabase Functions do not support HTML responses.
@@ -0,0 +1,36 @@
+---
+id: cicd-workflow
+title: CI / CD Workflow
+description: How to deploy Supabase Edge Functions with a CI / CD pipeline.
+---
+
+As described in the Supabase CLI [CI / CD Workflow documentation](/docs/guides/cli/cicd-workflow), you can use the [`setup-cli` GitHub Action](https://github.com/marketplace/actions/supabase-cli-action) to run Supabase CLI commands in your GitHub Actions, for example to deploy a Supabase Edge Function:
+
+```yaml
+name: Deploy Function
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    env:
+      SUPABASE_ACCESS_TOKEN: ${{ secrets.SUPABASE_ACCESS_TOKEN }}
+      PROJECT_ID: zdtdtxajzydjqzuktnqx
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: supabase/setup-cli@v1
+        with:
+          version: 1.0.0
+
+      - run: supabase functions deploy your-function-name --project-ref $PROJECT_ID
+```
+
+See the [example on GitHub](https://github.com/supabase/supabase/blob/master/examples/edge-functions/.github/workflows/deploy.yaml).
@@ -1,294 +1,99 @@
 ---
 id: dashibase
 title: 'Dashibase'
-description: 'Create a CRUD app with Supabase and Dashibase in 15 mins.'
+description: 'Create an internal CRUD dashboard with Supabase and Dashibase in 15 mins.'
 ---

-import ThemedImage from '@theme/ThemedImage'
-import useBaseUrl from '@docusaurus/useBaseUrl'
+Are you tired of building admin panels? [Dashibase](https://dashibase.com/) is a super fast way to build internal CRUD dashboards with a Notion-like UI.

-Let’s build an app together!
+This guide walks you through how to build a customer admin panel using Supabase on the backend and Dashibase on the front so that you and your team can easily find and update customer information.

-This guide walks you through how to build a CRM for superheroes using Supabase on the backend and Dashibase on the front.
+## Quick explanation

-[Dashibase](https://dashibase.com/) is a lightning-fast way to build your app dashboard so that your end users can manage their data. You get a full dashboard UI right out of the box. Not boilerplate code. Not drag-and-drop. Not individual components.
+Just so we are on the same page, here are some of the terms we use:

-## Step 1. Write down your idea
+- **Data source:** This is the data that powers your dashboard (i.e. your Supabase database).
+- **Dashboard:** This is the friendly interface that you build on top of your Supabase database using Dashibase.
+- **Page:** Each dashboard can have multiple pages. Each page can have multiple blocks of text or tables.

-Let’s say we want to build a CRM for Marvel Cinematic Universe. With the multiverse, the superheroes would need a CRM to stay in touch.
+Now that is out of the way, let's build our customer admin panel. 

-Here is the information we want our users to store in our app:
+(Start your stopwatch!)

-1. Name
-2. Universe
-3. Email
-4. Last contacted date
-5. Relationship: Never met, Acquaintance, Close
-6. Can he/she fly?
-7. History
+## Step 1. Connect Supabase to Dashibase

-## Step 2. Set up your Supabase project
+First, in Dashibase, go to “Data Sources” via the left sidebar and click on “Connect data source” in the upper-right corner. 

-First, sign up for a Supabase account and create a new project. We are naming our project MultiverseCRM.
+Note: We do not download or store any of your database data.

-<ThemedImage
-  alt="Create Supabase project"
-  sources={{
-    light: useBaseUrl(
-      '/img/guides/integrations/dashibase/create-supabase-project-light.png'
-    ),
-    dark: useBaseUrl(
-      '/img/guides/integrations/dashibase/create-supabase-project-dark.png'
-    ),
-  }}
-  style={{ marginBottom: 20 }}
-/>
+![Connect Supabase to Dashibase](/img/guides/integrations/dashibase/connect-database.png)

-Next, set up the table for our data. Our table is called ‘contacts'.
+Enter your database credentials, which you can find in Supabase under Settings > Database > Connection info. For additional security, you can also download your SSL certificate and upload it to Dashibase.

-To store the various information we want, we need to set up the following columns:
+![Supabase credentials](/img/guides/integrations/dashibase/supabase-credentials.png)

-1. Name (text)
-2. Universe (int4)
-3. Email (text)
-4. Last contacted date (date)
-5. Relationship: Never met, Acquaintance, Close (text)
-6. Can he/she fly? (boolean)
-7. History (text)
+## Step 2. Set up your data access policy

-We also need a `user` column, which is a [foreign key](https://supabase.com/docs/guides/database/tables#joining-tables-with-foreign-keys) to the auth.users table so that we can keep track of which user these contacts belong to. To do that, add another column, name it ‘user’, and click on the chainlink button to add the foreign key relation. Then, select ‘users’ and ‘id’.
+Once you have connected your database, you can also control what your team can see and edit in your database via Dashibase. There are usually certain data that you don’t want others to edit or even see (e.g. address, email, identification number).

-<ThemedImage
-  alt="Create user column in Supabase"
-  sources={{
-    light: useBaseUrl(
-      '/img/guides/integrations/dashibase/supabase-user-column-light.png'
-    ),
-    dark: useBaseUrl(
-      '/img/guides/integrations/dashibase/supabase-user-column-dark.png'
-    ),
-  }}
-  style={{ marginBottom: 20 }}
-/>
+Note: If you prefer to restrict access to your database _before_ you connect to Dashibase for security reasons, you can [create a restricted user](https://aws.amazon.com/blogs/database/managing-postgresql-users-and-roles/) via [Supabase's SQL Editor](https://supabase.com/docs/guides/database#the-sql-editor). The slight advantage of doing this in Dashibase is that there is a GUI, which makes it easier to set up the access control (but we understand some developers might find it more secure to restrict the access themselves).

-This is what the columns should look like:
+![Set data access in Dashibase](/img/guides/integrations/dashibase/set-data-access.png)

-<ThemedImage
-  alt="Columns in our table in Supabase"
-  sources={{
-    light: useBaseUrl(
-      '/img/guides/integrations/dashibase/supabase-columns-light.png'
-    ),
-    dark: useBaseUrl(
-      '/img/guides/integrations/dashibase/supabase-columns-dark.png'
-    ),
-  }}
-  style={{ marginBottom: 20 }}
-/>
+You can even control which columns within a table that others can see and edit. In the example below, for the `tags` table, the `name` column can be read and updated, the `created_at` column can be read, and the `id` column cannot even be read.

-Congrats! You have set up the backend of your app.
+![Set column-level access in Dashibase](/img/guides/integrations/dashibase/set-column-access.png)

-## Step 3. Set up your frontend with Dashibase
+Once you are happy with the data access control, you can decide who in your organization can edit this data source (usually other developers) or use this data source to create dashboards.

-Let’s hop over to [Dashibase](https://dashibase.com/).
+![Set user access to data source in Dashibase](/img/guides/integrations/dashibase/data-source-user-access.png)

-When you log in to your new account, you will see an empty dashboard.
+## Step 3. Build your dashboard

-<ThemedImage
-  alt="New Dashibase account"
-  sources={{
-    light: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-empty-light.png'
-    ),
-    dark: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-empty-dark.png'
-    ),
-  }}
-  style={{ marginBottom: 20 }}
-/>
+To create a dashboard, go to “Dashboards” via the left sidebar in Dashibase and click on “Create dashboard” in the upper-right corner. 

-The first things to do are to name our app, pick a URL, and connect our Supabase project. You can find your Supabase URL and Anon Key in your Supabase project > Settings > API.
+Here’s where the fun begins. There are many ways to build your dashboards in Dashibase using features such as markdown formatting and slash command.

-<ThemedImage
-  alt="Set your dashibase settings"
-  sources={{
-    light: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-dashboard-settings-light.png'
-    ),
-    dark: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-dashboard-settings-dark.png'
-    ),
-  }}
-  style={{ marginBottom: 20 }}
-/>
+You will see some automatically-generated content in your dashboard so that you can set up your dashboard more quickly. For this example, let's clear them out and start from scratch.

-Connecting your Supabase project to Dashibase is as simple as that.
+![Automatically-generated content for your dashboard](/img/guides/integrations/dashibase/initial-dashboard-content.png)

-Next, let’s create a page where our users can view, add, and edit their contacts. Simply click on “Add page”.
+Using our Notion-like UI, you can quickly build out your dashboard through typing. For example, you can type '/table' to add a table from your database to your dashboard. No more dragging components across your screen and dropping them on a blank canvas repeatedly.

-Here are the settings we use for our Contacts page:
+![Automatically-generated content for your dashboard](/img/guides/integrations/dashibase/slash-command.gif)

- Name: Contacts
- Page URL: /contacts
- Supabase table: contacts (This is automatically pulled from your Supabase project. If you have multiple tables, you can select the relevant one.)
- Display: list (We will display our contacts in a list for now.)
- Read-only: false (Our users should be able to edit their contacts.)
- ID column: id (This is the ID of each contact in our database. If you are not using ‘id’ as your ID column, feel free to change this.)
- User column: user (This is the `user` column we created earlier.)
+If you have set up [foreign keys in your Supabase database](https://supabase.com/docs/guides/database/tables#joining-tables-with-foreign-keys), you can easily show data from multiple tables on the table in your Dashibase dashboard. Simply click on the "Columns" button beside the "Filter" button and select the columns you want to show or hide. For this example, we want to show the customers' country and plan price, which are in separate `countries` and `plans` tables.

-<ThemedImage
-  alt="Set your page settings"
-  sources={{
-    light: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-page-settings-light.png'
-    ),
-    dark: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-page-settings-dark.png'
-    ),
-  }}
-  style={{ marginBottom: 20 }}
-/>
+![Setting up the Customers table](/img/guides/integrations/dashibase/customers-table.png)

-Then, we will add the attributes for each contact so that our users can view or edit them:
+For all the tables in your dashboard, you can rename the column headers, add filter and sort, adjust the column width, and more. 

-1. Name (text)
-2. Universe (text)
-3. Email (text)
-4. Last contacted date (date)
-5. Relationship: Never met, Acquaintance, Close (single select)
-6. Can he/she fly? (boolean)
-7. History (long text)
+You can also add text to provide context or instructions for the rest of your team as they are using your dashboard. This saves you the trouble of having your dashboard and documentation in separate places.

-<ThemedImage
-  alt="Add your attributes"
-  sources={{
-    light: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-attributes-light.png'
-    ),
-    dark: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-attributes-dark.png'
-    ),
-  }}
-  style={{ marginBottom: 20 }}
-/>
+![Customers table with instructions](/img/guides/integrations/dashibase/customers-table-with-text.png)

-When you use the 'Single Select' type, you will get to add the options you want.
+Most importantly, we automatically generate a single-item view for each of the items on your table so that you do not have to manually create it yourself. You can easily edit or rearrange the blocks just like in Notion.

-<ThemedImage
-  alt="Add your Single Select options"
-  sources={{
-    light: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-attributes-options-light.png'
-    ),
-    dark: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-attributes-options-dark.png'
-    ),
-  }}
-  style={{ marginBottom: 20 }}
-/>
+![Automatically generated single-item view](/img/guides/integrations/dashibase/single-item-view.png)

-Let’s customize our contacts a little. We will set Name, Universe, and Email as required fields.
+## Step 4. Share your dashboard with your team

-<ThemedImage
-  alt="Set attributes as required"
-  sources={{
-    light: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-attributes-required-light.png'
-    ),
-    dark: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-attributes-required-dark.png'
-    ),
-  }}
-  style={{ marginBottom: 20 }}
-/>
+Finally, save and share the dashboard with your team. There are two levels of access:

-Then, we will hide History from the list because it can get too long. Our users will still be able to view a contact’s history by clicking on the contact in the dashboard.
+- Edit dashboard: Edit the text blocks, edit the tables, etc.
+- Use dashboard: View and update the data via the dashboard

-<ThemedImage
-  alt="Hide certain attributes"
-  sources={{
-    light: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-attributes-hide-light.png'
-    ),
-    dark: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-attributes-hide-dark.png'
-    ),
-  }}
-  style={{ marginBottom: 20 }}
-/>
+Click on the “Share” button in the upper-right corner of your dashboard to share access:

-Finally, we will try the card display (under the page settings).
+![Share dashboard access](/img/guides/integrations/dashibase/share-dashboard.png)

-<ThemedImage
-  alt="Set display as card"
-  sources={{
-    light: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-display-card-light.png'
-    ),
-    dark: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-display-card-dark.png'
-    ),
-  }}
-  style={{ marginBottom: 20 }}
-/>
+Now your team can use this customer admin panel to find and update customer information easily! 

-The cards look pretty good in the preview. We will use that for now.
-
-**Once done, just hit “Save” and “Deploy”. Your app is now live!**
-
-One quick thing: You want to add your app URL to your Supabase project > Settings > Authentication > Additional redirect URLs. This redirects your users to your app when they sign up.
-
-<ThemedImage
-  alt="Add app URL to Supabase redirect URLs"
-  sources={{
-    light: useBaseUrl(
-      '/img/guides/integrations/dashibase/supabase-redirect-light.png'
-    ),
-    dark: useBaseUrl(
-      '/img/guides/integrations/dashibase/supabase-redirect-dark.png'
-    ),
-  }}
-  style={{ marginBottom: 20 }}
-/>
-
-## Step 4: Share your app
-
-Your app comes with signup and login pages right out of the box. You don’t have to spend time building that at all.
-
-<ThemedImage
-  alt="Your dashboard login page"
-  sources={{
-    light: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-dashboard-login-light.png'
-    ),
-    dark: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-dashboard-login-dark.png'
-    ),
-  }}
-  style={{ marginBottom: 20 }}
-/>
-
-When you are ready, share your app with your family, friends, and followers!
-
-P.S. You can check out our app at [https://multiversecrm.app.dashibase.com](https://multiversecrm.app.dashibase.com/). You can add new contacts and edit or delete existing contacts. You can also filter or sort to look for certain contacts.
-
-<ThemedImage
-  alt="Our MultiverseCRM"
-  sources={{
-    light: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-dashboard-light.png'
-    ),
-    dark: useBaseUrl(
-      '/img/guides/integrations/dashibase/dashibase-dashboard-dark.png'
-    ),
-  }}
-  style={{ marginBottom: 20 }}
-/>
-
-Fun fact: Both Dashibase and apps created with Dashibase have light and dark modes out of the box. Toggle the light/dark mode for this page to see them!
+P.S. How long did we take? :)

 ## Resources

 - [Dashibase website](https://dashibase.com/)
- [Dashibase open-source repo](https://github.com/dashibase/dashibase)
+- [Dashibase open-source repo](https://github.com/dashibase)
 - [Dashibase Twitter](https://twitter.com/dashibase)
+- [Dashibase Discord](https://discord.gg/crhDFYvbbq)
@@ -1,44 +1,51 @@
 ---
 id: realtime
 title: Realtime
-description: Using Supabase Realtime for multiplayer functionality.
+description: Supabase Realtime with Broadcast, Presence, and Postgres CDC.
 sidebar_label: Overview
 ---

-Supabase provides a Realtime API using [Realtime](https://github.com/supabase/realtime).
+Supabase provides a globally distributed cluster of [Realtime](https://github.com/supabase/realtime) servers that enable the following functionality:

-You can use this to:
+- [Broadcast](#broadcast): Send ephemeral messages from client to clients with low latency.
+- [Presence](#presence): Track and synchrononize shared state between clients.
+- [Postgres CDC](#postgres-cdc): Listen to Postgres database changes and send them to authorized clients.

- broadcast messages between users
- manage shared state between users
- listen to database changes over websockets
+A [channel](https://hexdocs.pm/phoenix/channels.html) is the basic building block of Realtime and narrows the scope of data flow to subscribed clients. You can think of a channel as a chatroom where participants are able to see who's online and send and receive messages; similar to a Discord or Slack channel.

-## Realtime Channels
+All clients can connect to a channel and take advantage of the built-in features, Broadcast and Presence, while extenstions, like Postgres CDC, must be enabled prior to use.

-In Realtime, everything is a [_channel_](https://hexdocs.pm/phoenix/channels.html).
-Channels are like chatrooms where participants can join and leave—similar to Slack or Discord channels.
+## Broadcast

-### Broadcast
+Broadcast follows the [publish-subscribe pattern](https://en.wikipedia.org/wiki/Publish%E2%80%93subscribe_pattern) where a client publishes messages to a channel with a unique identifier. For example, a user could send a message to a channel with id `room-1`.

-Broadcast follows the classic Publisher/Subscriber pattern. A client (publisher) “broadcasts” messages using a unique identifier. For example, a user could send a message to a `#random` channel.
+Other clients can elect to receive the message in real-time by subscribing to the channel with id `room-1`. If these clients are online and subscribed then they will receive the message.

-Other clients (subscribers) can “listen” to these messages in real-time, using the unique identifier. If they are listening to the `#random` channel, then they will receive the message.
+Broadcast works by connecting your client to the nearest Realtime server, which will communicate with other servers to relay messages to other clients.

-A common use-case for Broadcast is sharing a user's cursor position with other clients in an online game.
+A common use-case is sharing a user's cursor position with other clients in an online game.

-### Presence
+## Presence

-Presence synchronizes shared state between users.
-Presence is very similar to Broadcast, except that the state is “persisted” in the Channel
-so that new joiners immediately receive the state without waiting for another user to broadcast it.
-In our Slack example, when you turn on Slack you can see who's online without each individual user
-sending an “I'm online” message to the new-joiner. Presence utilizes Broadcast as the transport layer.
+Presence utilizes an in-memory conflict-free replicated data type (CRDT) to track and synchronize shared state in an eventually consistent manner. It computes the difference between existing state and new state changes and sends the necessary updates to clients via Broadcast.

-The neat thing about Presence is that if a user is suddenly disconnected (for example, they go offline), their state will be automatically removed from the shared state.
-If you've ever tried to build an “I'm online” feature which handles unexpected disconnects, you'll appreciate how useful this is.
+When a new client subscribes to a channel, it will immediately receive the channel's latest state in a single message instead of waiting for all other clients to send their individual states.

-### Database changes
+Clients are free to come-and-go as they please, and as long as they are all subscribed to the same channel then they will all have the same Presence state as each other.

-You can subscribe to database changes using Realtime.
-The Realtime API works through PostgreSQL's replication functionality. Postgres sends database changes to a [publication](/docs/guides/database/replication#publications)
-called `supabase_realtime`, and by managing this publication you can control which data is broadcast.
+The neat thing about Presence is that if a client is suddenly disconnected (for example, they go offline), their state will be automatically removed from the shared state. If you've ever tried to build an “I'm online” feature which handles unexpected disconnects, you'll appreciate how useful this is.
+
+## Postgres CDC
+
+Postgres Change Data Capture (CDC) enables you to listen to database changes and have them broadcast to authorized clients based on [Row Level Security (RLS)](/docs/guides/auth/row-level-security) policies.
+
+This works by Realtime polling your database's logical replication slot for changes, passing those changes to the [apply_rls](https://github.com/supabase/walrus#reading-wal) SQL function to determine which clients have permission, and then using Broadcast to send those changes to clients.
+
+Realtime requires a publication called `supabase_realtime` to determine which tables to poll. You must add tables to this publication prior to clients subscribing to channels that want to listen for database changes.
+
+We strongly encourage you to enable RLS on your database tables and have RLS policies in place to prevent unauthorized parties from accessing your data.
+
+## See Also
+
+- [Realtime quickstart](/docs/guides/realtime/quickstart)
+- [Realtime: Multiplayer Edition](https://supabase.com/blog/supabase-realtime-multiplayer-general-availability) blog post
@@ -1,70 +0,0 @@
---
-id: broadcast
-title: Broadcast
-description: Getting started with Realtime's Broadcast feature
---
-
-Supabase Broadcast allows a client to send messages, and multiple receivers to receive the messages.
-
-The broadcasted messages are ephemeral. They are not persisted to the database and are directly relayed through the Realtime server. This is ideal for sending information like mouse moments where latency is important, but need not be persisted.
-
-The broadcast JS client methods are supported from supabase-js v2 release candidate.
-
-To broadcast a message:
-
-```js
-const { createClient } = require('@supabase/supabase-js')
-
-const supabase = createClient(
-  process.env.SUPABASE_URL,
-  process.env.SUPABASE_KEY
-)
-
-// The name of the channel can be set to any string.
-// Set the same name across both the broadcasting and receiving clients.
-const channel = supabase.channel('user1-location', {
-  configs: {
-    broadcast: { ack: true },
-  },
-})
-
-// subscribe registers your client with the server
-channel.subscribe(async (status) => {
-  if (status === 'SUBSCRIBED') {
-    // now you can start broadcasting messages
-    // sending a new message every second
-    setInterval(async () => {
-      const status = await channel.send({
-        type: 'broadcast',
-        event: 'location',
-        payload: { x: Math.random(), y: Math.random() },
-      })
-      console.log(status)
-    }, 1000)
-  }
-})
-```
-
-To receive the broadcasted message, run this script in another tab:
-
-```js
-const { createClient } = require('@supabase/supabase-js')
-
-const supabase = createClient(
-  process.env.SUPABASE_URL,
-  process.env.SUPABASE_KEY
-)
-
-// use the same channel name as the client broadcasting the message is using
-const channel = supabase.channel('user1-location')
-
-// listen to broadcasts
-channel
-  .on('broadcast', { event: 'location' }, (payload) => console.log(payload))
-  .subscribe(async (status) => {
-    if (status === 'SUBSCRIBED') {
-      console.log(status)
-      // your callback function will now be called with the received messages
-    }
-  })
-```
@@ -1,16 +1,20 @@
 ---
-id: postgres-changes
-title: Postgres Changes
-description: Getting started with Realtime's Postgres Changes feature
+id: postgres-cdc
+title: Postgres CDC
+description: Getting started with Realtime's Postgres CDC feature
 ---

-Supabase Postgres Changes listen for database changes and sends them to clients. Clients are required to subscribe with a JWT dictating which changes they are allowed to receive based on the database's [Row Level Security](/docs/guides/auth/row-level-security).
+Realtime's Postgres Change Data Capture (CDC) feature listens for database changes and sends them to clients. Clients are required to subscribe with a JWT dictating which changes they are allowed to receive based on the database's [Row Level Security](/docs/guides/auth/row-level-security).
+
+Anyone with access to a valid JWT signed with the project's JWT secret is able to listen to your database's changes, unless tables have [Row Level Security](/docs/guides/auth/row-level-security) enabled and policies in place.
+
+Clients can choose to receive `INSERT`, `UPDATE`, `DELETE`, or `*` (all) changes for all changes in a schema, a table in a schema, or a column's value in a table. Your clients should only listen to tables in the `public` schema and you must first enable the tables you want your clients to listen to.

 :::caution
-Anyone with access to a valid JWT signed with the project's JWT secret is able to listen to your database's changes, unless tables have [Row Level Security](/docs/guides/auth/row-level-security) enabled and policies in place.
+Postgres CDC works out of the box for tables in the `public` schema. We do not yet recommend attempting to listen to tables in private schemas due to security concerns and additional permission requirements.
 :::

-Clients can choose to receive `INSERT`, `UPDATE`, `DELETE`, or `*` (all) changes for all changes in a schema, a table in a schema, or a column's value in a table.Your clients can only listen to tables in the `public` schema and you must first enable the tables you want your clients to listen to. You can do this in the [Replication](https://app.supabase.com/project/_/database/replication) section in the Dashboard or with the [SQL editor](https://app.supabase.com/project/_/sql):
+You can do this in the [Replication](https://app.supabase.com/project/_/database/replication) section in the Dashboard or with the [SQL editor](https://app.supabase.com/project/_/sql):

 ```sql
 begin;
@@ -1,46 +0,0 @@
---
-id: presence
-title: Presence
-description: Getting started with Realtime's presence feature
---
-
-Supabase Presence stores and synchronize shared state across clients. Presence is very similar to Broadcast, except that the state is “persisted” in the Channel so that new joiners can immediately get the state without waiting for another user to broadcast a message.
-
-The `sync` event is triggered whenever the shared state changes. The `join` event is triggered when a new client joins the channel and `leave` when a client leaves.
-
-Each client can use the `track` method to store an object in the shared state. Each client can only track one object in the shared state. If `track` is called again by the same client, then the new object will overwrite the previously tracked object in the shared state.
-
-The presence JS client methods are supported from supabase-js v2 release candidate.
-
-```js
-const { createClient } = require('@supabase/supabase-js')
-
-const supabase = createClient(
-  process.env.SUPABASE_URL,
-  process.env.SUPABASE_KEY
-)
-
-const channel = supabase.channel('online-users')
-
-function getRandomUser() {
-  const users = ['Alice', 'Bob', 'Mallory', 'Inian']
-  return users[Math.floor(Math.random() * users.length)]
-}
-
-channel
-  .on('presence', { event: 'sync' }, () => {
-    console.log('currently online users', channel.presenceState())
-  })
-  .on('presence', { event: 'join' }, ({ newPresences }) => {
-    console.log('new users have joined', newPresences)
-  })
-  .on('presence', { event: 'leave' }, ({ leftPresences }) =>
-    console.log('users have left', leftPresences)
-  )
-  .subscribe(async (status) => {
-    if (status === 'SUBSCRIBED') {
-      const status = await channel.track({ user_name: getRandomUser() })
-      console.log(status)
-    }
-  })
-```
@@ -0,0 +1,258 @@
+---
+id: quickstart
+title: Realtime Quickstart
+description: Getting started with Realtime's Features
+sidebar_label: Quickstart
+---
+
+Learn how to build [multiplayer.dev](https://multiplayer.dev), a collaborative app that demonstrates Broadcast, Presence, and Postgres CDC using [Realtime](/docs/guides/realtime).
+
+<div class="video-container">
+  <iframe
+    src="https://www.youtube-nocookie.com/embed/BelYEMJ2N00"
+    frameBorder="1"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowFullScreen
+  ></iframe>
+</div>
+
+## Install `supabase-js` Client
+
+```bash
+npm install @supabase/supabase-js
+```
+
+## Cursor Positions
+
+[Broadcast](/docs/guides/realtime#broadcast) allows a client to send messages and multiple clients to receive the messages. The broadcasted messages are ephemeral. They are not persisted to the database and are directly relayed through the Realtime servers. This is ideal for sending information like cursor positions where minimal latency is important, but persisting them is not.
+
+In [multiplayer.dev](https://multiplayer.dev), client's cursor positions are sent to other clients in the room. However, cursor positions will be randomly generated for this example.
+
+You need to get the public `anon` access token from your project's [API settings](https://app.supabase.com/project/_/settings/api). Then you can set up the Suapbase client and start sending a client's cursor positions to other clients in channel `room1`:
+
+```js
+const { createClient } = require('@supabase/supabase-js')
+
+const supabase = createClient(
+  'https://your-project-ref.supabase.co',
+  'anon-key',
+  {
+    realtime: {
+      params: {
+        eventsPerSecond: 10,
+      },
+    },
+  }
+)
+
+// Channel name can be any string.
+// Create channels with the same name for both the broadcasting and receiving clients.
+const channel = supabase.channel('room1')
+
+// Subscribe registers your client with the server
+channel.subscribe((status) => {
+  if (status === 'SUBSCRIBED') {
+    // now you can start broadcasting cursor positions
+    setInterval(() => {
+      channel.send({
+        type: 'broadcast',
+        event: 'cursor-pos',
+        payload: { x: Math.random(), y: Math.random() },
+      })
+      console.log(status)
+    }, 100)
+  }
+})
+```
+
+:::info
+JavaScript client has a default rate limit of 1 Realtime event every 100 milliseconds that's configured by `eventsPerSecond`.
+:::
+
+Another client can subscribe to channel `room1` and receive cursor positions:
+
+```js
+// Supabase client setup
+
+// Listen to broadcast messages.
+supabase
+  .channel('room1')
+  .on('broadcast', { event: 'cursor-pos' }, (payload) => console.log(payload))
+  .subscribe((status) => {
+    if (status === 'SUBSCRIBED') {
+      // your callback function will now be called with the messages broadcast by the other client
+    }
+  })
+```
+
+:::info
+`type` must be `broadcast` and the `event` must match for clients subscribed to the channel.
+:::
+
+## Roundtrip Latency
+
+You can also configure the channel so that the server must return an acknowledgement that it received the `broadcast` message. This is useful if you want to measure the roundtrip latency:
+
+```js
+// Supabase client setup
+
+const channel = supabase.channel('calc-latency', {
+  config: {
+    broadcast: { ack: true }
+  }
+})
+
+channel.subscribe(async (status) => {
+    if (status === 'SUBSCRIBED) {
+      const begin = performance.now()
+
+      await channel.send({
+        type: 'broadcast',
+        event: 'latency',
+        payload: {},
+      })
+
+      const end = performance.now()
+
+      console.log(`Latency is ${end - begin} milliseconds`)
+    }
+  })
+```
+
+## Track and display which users are online
+
+[Presence](/docs/guides/realtime#presence) stores and synchronize shared state across clients. The `sync` event is triggered whenever the shared state changes. The `join` event is triggered when new clients join the channel and `leave` event is triggered when clients leave.
+
+Each client can use the channel's `track` method to store an object in shared state. Each client can only track one object, and if `track` is called again by the same client, then the new object overwrites the previously tracked object in the shared state. You can use one client to track and display users who are online:
+
+```js
+// Supabase client setup
+
+const channel = supabase.channel('online-users', {
+  config: {
+    presence: {
+      key: 'user1',
+    },
+  },
+})
+
+channel.on('presence', { event: 'sync' }, () => {
+  console.log('Online users: ', channel.presenceState())
+})
+
+channel.on('presence', { event: 'join' }, ({ newPresences }) => {
+  console.log('New users have joined: ', newPresences)
+})
+
+channel.on('presence', { event: 'leave' }, ({ leftPresences }) => {
+  console.log('Users have left: ', newPresences)
+})
+
+channel.subscribe(async (status) => {
+  if (status === 'SUBSCRIBED') {
+    const status = await channel.track({ online_at: new Date().toISOString() })
+    console.log(status)
+  }
+})
+```
+
+Then you can use another client to add another user to the channel's Presence state:
+
+```js
+// Supabase client setup
+
+const channel = supabase.channel('online-users', {
+  config: {
+    presence: {
+      key: 'user2',
+    },
+  },
+})
+
+// Presence event handlers setup
+
+channel.subscribe(async (status) => {
+  if (status === 'SUBSCRIBED') {
+    const status = await channel.track({ online_at: new Date().toISOString() })
+    console.log(status)
+  }
+})
+```
+
+If a channel is set up without a presence key, the server generates a random UUID. `type` must be `presence` and `event` must be either `sync`, `join`, or `leave`.
+
+## Insert and Receive Persisted Messages
+
+[Postgres Change Data Capture (CDC)](/docs/guides/realtime#postgres-cdc) enables your client to insert, update, or delete database records and send the changes to clients. Create a `messages` table to keep track of messages created by users in specific rooms:
+
+```sql
+create table messages (
+  id serial primary key,
+  message text,
+  user_id text,
+  room_id text,
+  created_at timestamptz default now()
+)
+
+alter table messages enable row level security;
+
+create policy "anon_ins_policy"
+ON messages
+for insert
+to anon
+with check (true);
+
+create policy "anon_sel_policy"
+ON messages
+for select
+to anon
+using (true);
+```
+
+If it doesn't already exist, create a `supabase_realtime` publication and add `messages` table to the publication:
+
+```sql
+begin;
+  -- remove the supabase_realtime publication
+  drop publication if exists supabase_realtime;
+
+  -- re-create the supabase_realtime publication with no tables and only for insert
+  create publication supabase_realtime with (publish = 'insert');
+commit;
+
+-- add a table to the publication
+alter publication supabase_realtime add table messages;
+```
+
+You can then have a client listen for changes on the `messages` table for a specific room and send and receive persisted messages:
+
+```js
+// Supabase client setup
+
+const channel = supabase.channel('db-messages')
+
+const roomId = 'room1'
+const userId = 'user1'
+
+channel.on(
+  'postgres-changes',
+  {
+    event: 'INSERT',
+    schema: 'public',
+    table: 'messages',
+    filter: `room_id=eq.${roomId}`,
+  },
+  (payload) => console.log(payload)
+)
+
+channel.subscribe(async (status) => {
+  if (status === 'SUBSCRIBED') {
+    const res = await supabase.from('messages').insert({
+      room_id: roomId,
+      user_id: userId,
+      message: 'Welcome to Realtime!',
+    })
+    console.log(res)
+  }
+})
+```
@@ -154,9 +154,9 @@ const sidebars = {
    },
    {
      type: 'category',
-      label: 'Functions',
+      label: 'Edge Functions',
      collapsed: true,
-      items: ['guides/functions'],
+      items: ['guides/functions', 'guides/functions/cicd-workflow'],
    },
    {
      type: 'category',
@@ -164,9 +164,8 @@ const sidebars = {
      collapsed: true,
      items: [
        'guides/realtime',
-        'guides/realtime/broadcast',
-        'guides/realtime/presence',
-        'guides/realtime/postgres-changes',
+        'guides/realtime/quickstart',
+        'guides/realtime/postgres-cdc',
      ],
    },
    {
@@ -9,11 +9,11 @@ tags:
 date: '2022-10-05'
 toc_depth: 3
 ---
-We were too focused on clearing out the backlog so we didn't ship anything new last month... or did we?!
+For September we made a huge effort to focus on crushing our backlog and outstanding tickets amongst other things, here's the full list of updates for the month...

 ## Kaizen Week

-We did something a bit strange during September - we *didn't* work on features. Quite the opposite. After Launch Week we did three subsequent weeks of [Kaizen](https://en.wikipedia.org/wiki/Kaizen), a term we use internally to deliver constant and incremental improvement. Each week had a different focus:
+Post Launch Week we did three subsequent weeks of [Kaizen](https://en.wikipedia.org/wiki/Kaizen), a term we use internally to deliver constant and incremental improvement. Each week had a different focus:

 -   Week 1: QA and testing
 -   Week 2: Documentation
@@ -25,11 +25,7 @@ We saw a lot of progress across our Open Issues - closing over 250 issues and 50

 ![Kaizen Week - Github Chart](/images/blog/2022-september/kaizen.jpg)

-… <br/>
-… <br/>
-… <br/>
-
-OK, we lied. We shipped a few things:
+and we shipped a few things:

 ## Auth UI on Product Hunt

@@ -57,11 +53,11 @@ We're making some changes to the way the Dashboard interacts with your database.

 ## Quick product updates

- Edge functions free plan script size is bumped to 2 MB <br/>
- [functions-go](https://github.com/supabase-community/functions-go) was just contributed to supabase-community by [Zain Khan](https://twitter.com/Za1n_K) <br/>
- A new [guide](https://supabase.com/docs/guides/auth/auth-captcha) to add captcha to your sign-in, sign-up, and password reset forms <br/>
- New Postgres Extension for monitoring your PostgreSQL database network traffic: [pg_netstat](https://github.com/supabase/pg_netstat) <br/>
- Added [docs](https://supabase.com/docs/guides/storage-cdn) for how caching works in Supabase <br/>
+- Edge functions free plan script size is bumped to 2 MB
+- [functions-go](https://github.com/supabase-community/functions-go) was just contributed to supabase-community by [Zain Khan](https://twitter.com/Za1n_K)
+- A new [guide](https://supabase.com/docs/guides/auth/auth-captcha) to add captcha to your sign-in, sign-up, and password reset forms
+- New Postgres Extension for monitoring your PostgreSQL database network traffic: [pg_netstat](https://github.com/supabase/pg_netstat)
+- Added [docs](https://supabase.com/docs/guides/storage-cdn) for how caching works in Supabase

 ## Migrate from Heroku to Supabase

@@ -79,17 +75,17 @@ In case you missed it, Heroku is shutting down their free tier. We're big fans o

 ![Community](/images/blog/2022-june/community.jpg)

- Building a viral application to visualize train routes. [Blog](https://vercel.com/blog/building-a-viral-application-to-visualize-train-routes) <br/>
- OTP Authentication with Supabase and Twilio in React. [Tutorial](https://refine.dev/blog/supabase-twilio-otp-authentication-in-react/) <br/>
- Join Vercel and us for [Next.js Conf](https://nextjs.org/conf). <br/>
- Building $1K - $10K MRR Micro SaaS around Supabase. [Blog](https://microsaasidea.substack.com/p/micro-saas-products-around-supabase) <br/>
- Watch How Netlify and Supabase Enables "Supa" DX. [Webinar](https://www.netlify.com/resources/webinars/how-netlify-supabase-enables-supa-dx/) <br/>
- Postgres database functions are your next favorite feature! [Blog](https://mirror.xyz/0x7D15080A13c8128dBAf90a2c2326058b5c1D5eac/MaiOq5m1xSa9QfMuiLYq4bJdA0owWoTpOZNlQv76_so) <br/>
- Create a blog with Vue, Tailwindcss & Supabase. [Part 1](https://youtube.com/watch?v=0NB9lgFcOT4) and [Part 2](https://youtube.com/watch?v=UP2mHUpcv6g) <br/>
- Flutter Supabase Authentication. [Tutorial](https://www.sandromaglione.com/techblog/flutter-supabase-authentication-complete-tutorial) <br/>
- Vue 3 + Pinia + Supabase Auth (Email). [Tutorial](https://towardsdev.com/vue-3-pinia-supabase-auth-email-1228f5f8502e) <br/>
- Power up your ClickUp skills with Supabase, Figma, and DhiWise in a day. [Tutorial](https://dev.to/saloni137/power-up-your-clickup-skills-with-supabase-figma-and-dhiwise-in-a-day-3pak) <br/>
- Creating an Email Authentication using Supabase in React. [Tutorial](https://dev.to/surajondev/creating-an-email-authentication-using-supabase-in-react-5883) <br/>
+- Building a viral application to visualize train routes. [Blog](https://vercel.com/blog/building-a-viral-application-to-visualize-train-routes)
+- OTP Authentication with Supabase and Twilio in React. [Tutorial](https://refine.dev/blog/supabase-twilio-otp-authentication-in-react/)
+- Join Vercel and us for [Next.js Conf](https://nextjs.org/conf).
+- Building $1K - $10K MRR Micro SaaS around Supabase. [Blog](https://microsaasidea.substack.com/p/micro-saas-products-around-supabase)
+- Watch How Netlify and Supabase Enables "Supa" DX. [Webinar](https://www.netlify.com/resources/webinars/how-netlify-supabase-enables-supa-dx/)
+- Postgres database functions are your next favorite feature! [Blog](https://mirror.xyz/0x7D15080A13c8128dBAf90a2c2326058b5c1D5eac/MaiOq5m1xSa9QfMuiLYq4bJdA0owWoTpOZNlQv76_so)
+- Create a blog with Vue, Tailwindcss & Supabase. [Part 1](https://youtube.com/watch?v=0NB9lgFcOT4) and [Part 2](https://youtube.com/watch?v=UP2mHUpcv6g) 
+- Flutter Supabase Authentication. [Tutorial](https://www.sandromaglione.com/techblog/flutter-supabase-authentication-complete-tutorial)
+- Vue 3 + Pinia + Supabase Auth (Email). [Tutorial](https://towardsdev.com/vue-3-pinia-supabase-auth-email-1228f5f8502e)
+- Power up your ClickUp skills with Supabase, Figma, and DhiWise in a day. [Tutorial](https://dev.to/saloni137/power-up-your-clickup-skills-with-supabase-figma-and-dhiwise-in-a-day-3pak)
+- Creating an Email Authentication using Supabase in React. [Tutorial](https://dev.to/surajondev/creating-an-email-authentication-using-supabase-in-react-5883)


 ## Meme Zone
@@ -1313,6 +1313,21 @@ module.exports = [
    source: '/docs/guides/realtime/overview',
    destination: '/docs/guides/realtime',
  },
+  {
+    permanent: true,
+    source: '/docs/guides/realtime/broadcast',
+    destination: '/docs/guides/realtime#broadcast',
+  },
+  {
+    permanent: true,
+    source: '/docs/guides/realtime/presence',
+    destination: '/docs/guides/realtime#presence',
+  },
+  {
+    permanent: true,
+    source: '/docs/guides/realtime/postgres-changes',
+    destination: '/docs/guides/realtime/postgres-cdc',
+  },
  {
    permanent: true,
    source: '/docs/reference/javascript/next/migration-guide',
@@ -36,12 +36,12 @@
    "react-copy-to-clipboard": "^5.0.2",
    "react-dom": "^17.0.2",
    "react-ga": "^3.3.0",
-    "react-markdown": "^5.0.3",
+    "react-markdown": "^8.0.3",
    "react-syntax-highlighter": "^15.5.0",
    "react-tooltip": "^4.2.17",
    "react-transition-group": "^4.4.1",
-    "remark": "^13.0.0",
    "rehype-slug": "^5.0.1",
+    "remark": "^13.0.0",
    "remark-gfm": "^3.0.1",
    "remark-html": "^15.0.1",
    "swiper": "^6.5.0",
@@ -0,0 +1,24 @@
+name: Deploy Function
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    env:
+      SUPABASE_ACCESS_TOKEN: ${{ secrets.SUPABASE_ACCESS_TOKEN }}
+      PROJECT_ID: zdtdtxajzydjqzuktnqx
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: supabase/setup-cli@v1
+        with:
+          version: 1.0.0
+
+      - run: supabase functions deploy github-action-deploy --project-ref $PROJECT_ID
@@ -59,6 +59,39 @@ This example includes a create-react-app in the [`./app/`](./app/) directory whi
 - `npm install`
 - `npm start`

+### Deploy via GitHub Actions
+
+This example includes a [deploy GitHub Action](./.github/workflows/deploy.yaml) that automatically deploys your Supabase Edge Functions when pushing to or merging into the main branch.
+
+You can use the [`setup-cli` GitHub Action](https://github.com/marketplace/actions/supabase-cli-action) to run Supabase CLI commands in your GitHub Actions, for example to deploy a Supabase Edge Function:
+
+```yaml
+name: Deploy Function
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    env:
+      SUPABASE_ACCESS_TOKEN: ${{ secrets.SUPABASE_ACCESS_TOKEN }}
+      PROJECT_ID: zdtdtxajzydjqzuktnqx
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: supabase/setup-cli@v1
+        with:
+          version: 1.0.0
+
+      - run: supabase functions deploy your-function-name --project-ref $PROJECT_ID
+```
+
 ## 👁⚡️👁

 \o/ That's it, you can now invoke your Supabase Function via the [`supabase-js`](https://supabase.com/docs/reference/javascript/invoke) and [`supabase-dart`](https://supabase.com/docs/reference/dart/invoke) client libraries. (More client libraries coming soon. Check the [supabase-community](https://github.com/supabase-community#client-libraries) org for details).
@@ -3,8 +3,8 @@
  "version": "0.1.0",
  "private": true,
  "dependencies": {
-    "@supabase/supabase-js": "^1.33.3",
-    "@supabase/ui": "^0.36.4",
+    "@supabase/auth-ui-react": "^0.2.1",
+    "@supabase/supabase-js": "^2.0.0-rc.12",
    "@testing-library/jest-dom": "^5.16.3",
    "@testing-library/react": "^12.1.4",
    "@testing-library/user-event": "^13.5.0",
@@ -1,11 +1,10 @@
 import React, { useState } from 'react'
-import { Auth, Button, Typography, Select } from '@supabase/ui'
+import { Auth, ThemeSupa } from '@supabase/auth-ui-react'
 import JSONInput from 'react-json-editor-ajrm'
 import locale from 'react-json-editor-ajrm/locale/en'
 import { supabase } from './utils/supabaseClient'
 import { functionsList } from './functionsList'

-const { Title, Text } = Typography
 const sampleObject = { name: 'world' }

 function App() {
@@ -25,29 +24,40 @@ function App() {

  return (
    <div className="p-2">
-      <Title level={2} className="mb-2">
-        Supabase Egde Functions Test Client
-      </Title>
+      <h2 className="mb-2 text-4xl">Supabase Egde Functions Test Client</h2>
      <div className="grid grid-cols-1 md:grid-cols-2">
        <div className="p-2">
-          <Title level={3} className="mb-2">
-            Request
-          </Title>
-          <Title level={4}>Function</Title>
-          <Select onChange={(e) => setSupaFunction(e.target.value)}>
+          <h3 className="mb-2 text-3xl">Request</h3>
+          <h4 className="text-2xl">Function</h4>
+          <select
+            className="form-select m-0focus:border-green-600
+              block
+              w-full
+              appearance-none
+              rounded
+              border
+              border-solid
+              border-gray-300
+              bg-white bg-clip-padding bg-no-repeat
+              px-3 py-1.5 text-base
+              font-normal
+              text-gray-700
+              transition
+              ease-in-out 
+              focus:bg-white focus:text-gray-700 focus:outline-none"
+            onChange={(e) => setSupaFunction(e.target.value)}
+          >
            {functionsList.map((func) => (
-              <Select.Option value={func} key={func}>
+              <option value={func} key={func}>
                {func}
-              </Select.Option>
+              </option>
            ))}
-          </Select>
-          <Text className="mb-2">
+          </select>
+          <p className="mb-2">
            Note: when using locally, this selection doesn't have any effect and the function that's
            currently being served via the CLI is called instead.
-          </Text>
-          <Title level={4} className="mb-2">
-            Body
-          </Title>
+          </p>
+          <h4 className="mb-2 text-2xl">Body</h4>
          <JSONInput
            onChange={({ jsObject }) => setRequestJson(jsObject)}
            placeholder={sampleObject}
@@ -55,27 +65,31 @@ function App() {
            height="100"
            width="100%"
          />
-          <Button className="mt-2" onClick={invokeFunction}>
+          <button
+            className="mt-2 rounded bg-green-500 py-2 px-4 font-bold text-white hover:bg-green-700"
+            onClick={invokeFunction}
+          >
            Invoke Function
-          </Button>
+          </button>
        </div>
        <div className="p-2">
-          <Title level={3} className="mb-2">
-            Response
-          </Title>
-          <pre className="p-2 bg-gray-300	">{JSON.stringify(responseJson, null, 2)}</pre>
+          <h3 className="mb-2 text-3xl">Response</h3>
+          <pre className="bg-gray-300 p-2	">{JSON.stringify(responseJson, null, 2)}</pre>
        </div>
        <div className="p-2">
-          <Title level={3} className="mb-2">
-            Log in to see RLS in action
-          </Title>
+          <h3 className="mb-2 text-3xl">Log in to see RLS in action</h3>
          {user ? (
            <div>
-              <Title level={4} className="mb-2">{`Logged in as ${user.email}`}</Title>
-              <Button onClick={() => supabase.auth.signOut()}>Sign out</Button>
+              <h4 className="mb-2 text-2xl">{`Logged in as ${user.email}`}</h4>
+              <button
+                className="rounded bg-green-500 py-2 px-4 font-bold text-white hover:bg-green-700"
+                onClick={() => supabase.auth.signOut()}
+              >
+                Sign out
+              </button>
            </div>
          ) : (
-            <Auth supabaseClient={supabase} />
+            <Auth supabaseClient={supabase} appearance={{ theme: ThemeSupa }} />
          )}
        </div>
      </div>
@@ -2,7 +2,7 @@ import React from 'react'
 import ReactDOM from 'react-dom'
 import './index.css'
 import App from './App'
-import { Auth } from '@supabase/ui'
+import { Auth } from '@supabase/auth-ui-react'
 import { supabase } from './utils/supabaseClient'

 ReactDOM.render(
@@ -1,8 +0,0 @@
-import { createClient } from 'https://esm.sh/@supabase/supabase-js@^1.33.2'
-
-export const supabaseClient = createClient(
-  // Supabase API URL - env var exported by default when deployed.
-  Deno.env.get('SUPABASE_URL') ?? '',
-  // Supabase API ANON KEY - env var exported by default when deployed.
-  Deno.env.get('SUPABASE_ANON_KEY') ?? ''
-)
@@ -0,0 +1,25 @@
+# GET T-Shirt competition
+
+To celebrate the support of GET requests in Supabase Edge Functions we're giving away some limited edition Functions Shirts!
+
+To win a Supabase Edge Functions T-Shirt, make a GET request to https://obuldanrptloktxcffvn.functions.supabase.co/get-tshirt-competition with your email address, your Twitter handle (optional), and the correct answer, e.g.
+
+```text
+https://obuldanrptloktxcffvn.functions.supabase.co/get-tshirt-competition?email=testr@test.de&twitter=thorwebdev&answer=20
+```
+
+You can read the functions source code to figure out the answer ;)
+
+Good luck trying to GET a T-Shirt!
+
+### Serve this function locally
+
+```bash
+supabase functions serve --no-verify-jwt get-tshirt-competition
+```
+
+### Deploy this function
+
+```bash
+supabase functions deploy --no-verify-jwt get-tshirt-competition
+```
@@ -0,0 +1,74 @@
+// Follow this setup guide to integrate the Deno language server with your editor:
+// https://deno.land/manual/getting_started/setup_your_environment
+// This enables autocomplete, go to definition, etc.
+
+import { serve } from 'https://deno.land/std@0.131.0/http/server.ts'
+import { createClient } from 'https://esm.sh/@supabase/supabase-js@2.0.0-rc.12'
+import { corsHeaders } from '../_shared/cors.ts'
+
+console.log(`Function "get-tshirt-competition" up and running!`)
+
+function positionInAlphabet(myChar: string): number {
+  const DIFFERENCE_CHARCODE_AND_LETTERS = 96
+  // Convert the character into lowercase
+  const myCharLowercase = myChar.toLowerCase()
+  // Find the position of the char in the alphabet
+  const position = myCharLowercase.charCodeAt(0) - DIFFERENCE_CHARCODE_AND_LETTERS
+  return position
+}
+
+serve(async (req) => {
+  // This is needed if you're planning to invoke your function from a browser.
+  if (req.method === 'OPTIONS') {
+    return new Response('ok', { headers: corsHeaders })
+  }
+
+  try {
+    const url = new URL(req.url)
+    const email = url.searchParams.get('email')
+    const twitter = url.searchParams.get('twitter')
+    const answer = url.searchParams.get('answer')
+
+    if (!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email ?? '') || !answer)
+      throw new Error(
+        `You're missing either a valid 'email' and/or 'answer' param(s). HINT: https://github.com/supabase/supabase/blob/master/examples/edge-functions/supabase/functions/get-tshirt-competition/index.ts`
+      )
+
+    if (Number(answer) !== positionInAlphabet(email!))
+      throw new Error(
+        `Sorry, that's wrong, please try again! HINT: https://github.com/supabase/supabase/blob/master/examples/edge-functions/supabase/functions/get-tshirt-competition/index.ts`
+      )
+
+    const supabaseAdminClient = createClient(
+      // Supabase API URL - env var exported by default when deployed.
+      Deno.env.get('SUPABASE_URL') ?? '',
+      // Supabase API SERVICE ROLE KEY - env var exported by default when deployed.
+      Deno.env.get('SUPABASE_SERVICE_ROLE_KEY') ?? ''
+    )
+    // Submit email to draw
+    const { error } = await supabaseAdminClient.from('get-tshirt-competition').upsert(
+      {
+        email,
+        twitter,
+      },
+      { onConflict: 'email' }
+    )
+    if (error) {
+      console.log(error)
+      throw new Error(error.details)
+    }
+
+    return new Response(`Thanks for playing! ${email} has been added to the draw \\o/`, {
+      headers: { ...corsHeaders, 'Content-Type': 'text/plain' },
+      status: 200,
+    })
+  } catch (error) {
+    return new Response(JSON.stringify({ error: error.message }), {
+      headers: { ...corsHeaders, 'Content-Type': 'application/json' },
+      status: 400,
+    })
+  }
+})
+
+// To invoke:
+// curl -i --location --request GET 'http://localhost:54321/functions/v1/get-tshirt-competition?email=testr@test.de&answer=20'
@@ -0,0 +1,32 @@
+# GitHub Actions Deploy
+
+This example includes a [deploy GitHub Action](./../../../.github/workflows/deploy.yaml) that automatically deploys your Supabase Edge Functions when pushing to or merging into the main branch.
+
+You can use the [`setup-cli` GitHub Action](https://github.com/marketplace/actions/supabase-cli-action) to run Supabase CLI commands in your GitHub Actions, for example to deploy a Supabase Edge Function:
+
+```yaml
+name: Deploy Function
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    env:
+      SUPABASE_ACCESS_TOKEN: ${{ secrets.SUPABASE_ACCESS_TOKEN }}
+      PROJECT_ID: zdtdtxajzydjqzuktnqx
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: supabase/setup-cli@v1
+        with:
+          version: 1.0.0
+
+      - run: supabase functions deploy github-action-deploy --project-ref $PROJECT_ID
+```
@@ -0,0 +1,24 @@
+// Follow this setup guide to integrate the Deno language server with your editor:
+// https://deno.land/manual/getting_started/setup_your_environment
+// This enables autocomplete, go to definition, etc.
+
+import { serve } from "https://deno.land/std@0.131.0/http/server.ts";
+
+console.log("Hello from Functions!");
+
+serve(async (req) => {
+  const { name } = await req.json();
+  const data = {
+    message: `I was deployed via GitHub Actions!`,
+  };
+
+  return new Response(JSON.stringify(data), {
+    headers: { "Content-Type": "application/json" },
+  });
+});
+
+// To invoke:
+// curl -i --location --request POST 'http://localhost:54321/functions/v1/' \
+//   --header 'Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZS1kZW1vIiwicm9sZSI6ImFub24ifQ.625_WdcF3KHqz5amU0x2X5WWHP-OEs_4qj0ssLNHzTs' \
+//   --header 'Content-Type: application/json' \
+//   --data '{"name":"Functions"}'
@@ -3,7 +3,7 @@
 // This enables autocomplete, go to definition, etc.

 import { serve } from 'https://deno.land/std@0.131.0/http/server.ts'
-import { supabaseClient } from '../_shared/supabaseClient.ts'
+import { createClient } from 'https://esm.sh/@supabase/supabase-js@2.0.0-rc.12'
 import { corsHeaders } from '../_shared/cors.ts'

 console.log(`Function "select-from-table-with-auth-rls" up and running!`)
@@ -15,14 +15,26 @@ serve(async (req: Request) => {
  }

  try {
-    // Set the Auth context of the user that called the function.
-    // This way your row-level-security (RLS) policies are applied.
-    supabaseClient.auth.setAuth(req.headers.get('Authorization')!.replace('Bearer ', ''))
+    // Create a Supabase client with the Auth context of the logged in user.
+    const supabaseClient = createClient(
+      // Supabase API URL - env var exported by default.
+      Deno.env.get('SUPABASE_URL') ?? '',
+      // Supabase API ANON KEY - env var exported by default.
+      Deno.env.get('SUPABASE_ANON_KEY') ?? '',
+      // Create client with Auth context of the user that called the function.
+      // This way your row-level-security (RLS) policies are applied.
+      { global: { headers: { Authorization: req.headers.get('Authorization')! } } }
+    )
+    // Now we can get the session or user object
+    const {
+      data: { user },
+    } = await supabaseClient.auth.getUser()

+    // And we can run queries in the context of our authenticated user
    const { data, error } = await supabaseClient.from('users').select('*')
-    console.log({ data, error })
+    if (error) throw error

-    return new Response(JSON.stringify({ data, error }), {
+    return new Response(JSON.stringify({ user, data }), {
      headers: { ...corsHeaders, 'Content-Type': 'application/json' },
      status: 200,
    })
@@ -41,7 +41,7 @@

 نحن حاليًا في طور البيتا العام. شاهد "إصدارات" هذا المستودع لتلقي إخطارات بالتحديثات الرئيسية.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>

 ## كيف يعمل (Supabase)؟

@@ -51,7 +51,7 @@ Supabase عبارة عن مجموعة من الأدوات مفتوحة المص

 (supabase) هي [منصة مستضافة](https://app.supabase.com), يمكنك التسجيل والبدأ باستخدامها دون الحاجة لتثبيت أي شئ. يمكنك أيضا [استضافتها ذاتيا](https://supabase.com/docs/guides/hosting/overview) و [تطويرها داخليا](https://supabase.com/docs/guides/local-development).

-![Architecture](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Architecture](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) هي قاعدة بيانات قائمة على العلاقات الشيئية مع ٣٠ سنة من التطوير النشط التي اكسبتها سمعة وموثقية قوية وتمتاز بالمتانة والأداء.
 - [Realtime](https://github.com/supabase/realtime) هو خادم بلغة (Elixir) يمكنك من الاستماع لقاعدة البيانات لأي تغيرات سواء أنشاء أو تعديل أو مسح باستخدام ال(websocket).
@@ -45,7 +45,7 @@

 В момента сме в публична Beta версия. Вижте "releases" на това "repository", за да бъдете уведомени за всички нови версии.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>

 ---

@@ -58,7 +58,7 @@ Supabase е комбинация на инструменти с отворен
 Supabase е [хоствана платформа](https://app.supabase.com). Можете да се регистрирате и да използвате Supabase без да инсталирате нищо.
 Можете също да използвате [самостоятелен хостинг](https://supabase.com/docs/guides/hosting/overview) и да го [използвате локално](https://supabase.com/docs/guides/local-development).

-![Архитектура](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Архитектура](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) е обектно-релативна база данни с повече от 30 години активно развитие, което е създало висока репутация за съвместимост, функционалност и производителност.
 - [Realtime](https://github.com/supabase/realtime) е сървър на Elixir, който позволява да проследявате всички въвеждания, актуализации и изтривания на данни в PostgreSQL чрез уеб-сокети (websockets). Realtime проверява въвеждането на данни на PostgreSQL и конвертира в JSON записи, като после ги праща по уеб-сокети на оторизирани клиенти.
@@ -41,7 +41,7 @@

 আমরা বর্তমানে পাবলিক বিটাতে আছি। বড় আপডেটের বিজ্ঞপ্তি পেতে এই রেপোর "রিলিজ" দেখুন।

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="এই রেপো দেখুন"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="এই রেপো দেখুন"/></kbd>

 ---

@@ -54,7 +54,7 @@
 সুপাবেস হল একটি [হোস্ট করা প্ল্যাটফর্ম](https://app.supabase.com)। আপনি সাইন আপ করতে পারেন এবং কিছু ইনস্টল না করে সুপাবেস ব্যবহার শুরু করতে পারেন।
 এছাড়াও আপনি [স্ব-হোস্ট](https://supabase.com/docs/guides/hosting/overview) এবং [স্থানীয়ভাবে বিকাশ](https://supabase.com/docs/guides/local-development) করতে পারেন।

-![আর্কিটেকচার](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![আর্কিটেকচার](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) হল একটি অবজেক্ট-রিলেশনাল ডাটাবেস সিস্টেম যার 30 বছরের বেশি সক্রিয় বিকাশ রয়েছে যা এটিকে নির্ভরযোগ্যতা, বৈশিষ্ট্যের দৃঢ়তা এবং কর্মক্ষমতার জন্য একটি শক্তিশালী খ্যাতি অর্জন করেছে।
 - [রিয়েলটাইম](https://github.com/supabase/realtime) হল একটি Elixir সার্ভার যা আপনাকে ওয়েবসকেট ব্যবহার করে PostgreSQL সন্নিবেশ, আপডেট এবং মুছে ফেলা শুনতে দেয়। ডাটাবেস পরিবর্তনের জন্য রিয়েলটাইম পোল পোস্টগ্রেসের অন্তর্নির্মিত প্রতিলিপি কার্যকারিতা, পরিবর্তনগুলিকে JSON-এ রূপান্তরিত করে, তারপর অনুমোদিত ক্লায়েন্টদের কাছে ওয়েবসকেটের মাধ্যমে JSON সম্প্রচার করে।
@@ -39,7 +39,7 @@ Per a veure la documentació completa, visita [supabase.com/docs](https://supaba

 Actualment estem en la fase de beta pública. Pots subscriure’t a les _releases_ d’aquest repositori per a mantenir-te notificat d’actualitzacions majors.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Segueix aquest repositori"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Segueix aquest repositori"/></kbd>

 ---

@@ -51,7 +51,7 @@ Supabase és una combinació d’eines de codi obert. Estem construint les funci

 Supabase és una [plataforma allotjada](https://app.supabase.com). Et pots registrar i començar a utilitzar Supabase sense instal·lar res. També podeu tenir una [_host_ pròpia](https://supabase.com/docs/guides/hosting/overview) i [desenvolupar localment](https://supabase.com/docs/guides/local-development).

-![Arquitectura](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Arquitectura](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) és un sistema de base de dades objecte–relacional amb més de 30 anys de desenvolupament actiu que s’ha guanyat la seva forta reputació per ser de confiança, robust i d’alt rendiment.
 - [Temps real](https://github.com/supabase/realtime) és un server construït en Elixir que permet escoltar els _inserts_, _updates_ i _deletes_ de PostgreSQL utilitzant WebSockets. Supabase escolta a la funcionalitat de replicació integrada de PostgreSQL, converteix el byte de replicació en un JSON i després transmet el JSON a través de WebSockets.
@@ -38,7 +38,7 @@ For fuld dokumentation, besøg [supabase.com/docs](https://supabase.com/docs)

 Vi er i øjeblikket i Offentlig beta. Hold øje med udgivelser på denne side for notifkationer om større opdateringer.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Hold øje med dette repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Hold øje med dette repo"/></kbd>

 ---

@@ -50,7 +50,7 @@ Supabase er en kombination af open source værktøjer. Vi bygger Firebase fuktio

 Supabase er en [hosted platform](https://app.supabase.com). Du kan skrive dig op og starte med at anvende Supabase uden nogen form for installation. Vi er stadig i gang med at forbedre den lokale udvikleroplevelse - dette er pt vores hovedfokus sammen med platformens generelle stabilitet.

-![Arkitektur](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Arkitektur](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) er en objektorienteret relationel database med mere end 30 års aktiv udvikling der har givet et stærkt omdømme for pålidelighed, funktionel robusthed og ydeevne.
 - [Realtime](https://github.com/supabase/realtime) er en Elixir server der giver mulighed for at lytte efter PostgreSQL oprettelser, opdateringer og sletninger ved hjælp af websockets. Supabase lytter efter Postgres' indbyggede replikeringsmekanisme, konverterer replika byte-strømmen til JSON og udsender derefter JSON gennem websockets.
@@ -39,7 +39,7 @@ Um die gesamte Dokumentation einzusehen, schaue auf [supabase.com/docs](https://

 Aktuell befinden wir uns in der öffentlichen Beta. Beobachte "Releases" in diesem Repository um über größere Neuigkeiten benachrichtigt zu werden.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Watche dieses Repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Watche dieses Repo"/></kbd>

 ---

@@ -53,7 +53,7 @@ Supabase ist eine [gehostete Plattform](https://app.supabase.com).
 Du kannst dich bei Supabase anmelden und sofort loslegen, ohne etwas zu installieren.
 Du kannst Supabase auch selbst hosten und lokal entwickeln.

-![Architektur](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Architektur](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) ist ein objektrelationales Datenbanksystem, das seit über 30 Jahren aktiv entwickelt wird und für Zuverlässigkeit, Robustheit der Funktionen und Leistung geschätzt wird.
 - [Realtime](https://github.com/supabase/realtime) ist ein Elixir-Server, mit dem du auf PostgreSQL-Inserts, -Updates und -Deletes über Websockets hören kannst. Supabase hört auf die eingebaute Replikationsfunktionalität von Postgres, konvertiert den Replikations-Byte-Stream in JSON und sendet das JSON dann über Websockets.
@@ -45,7 +45,7 @@ Para ver como contribuir, visita los [Primeros Pasos](../DEVELOPERS.md)

 Actualmente estamos en la fase de beta pública. Puedes suscribirte a las _releases_ de este repositorio para mantenerte notificado de actualizaciones mayores.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Seguir este repositorio"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Seguir este repositorio"/></kbd>

 ---

@@ -57,7 +57,7 @@ Supabase es una combinación de herramientas de código abierto. Estamos constru

 Supabase es una [plataforma alojada](https://app.supabase.com). Te puedes registrar y comenzar a utilizar Supabase sin instalar nada. También puedes tener un [_host_ propio](https://supabase.com/docs/guides/hosting/overview) y [desarrollar en local](https://supabase.com/docs/guides/local-development).

-![Arquitectura](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Arquitectura](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) es un sistema de base de datos objeto-relacional con más de 30 años de desarrollo activo que se ha ganado su fuerte reputación por ser confiable, robusto y de alto rendimiento.
 - [Tiempo Real](https://github.com/supabase/realtime) es un server construido en Elixir que permite escuchar a los _inserts_, _updates_ y _deletes_ de PostgreSQL utilizando WebSockets. Supabase escucha a la funcionalidad de replicación integrada de PostgreSQL, convierte el byte de replicación en un JSON y después transmite el JSON a través de WebSockets.
@@ -38,7 +38,7 @@

 در حال حاظر در مرحله بتای عمومی هستیم‫. "releases" این مخزن را دنبال کنید تا در جریان به‌روزسانی‌ها قرار بگیرید.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="این مخزن را دنبال کنید."/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="این مخزن را دنبال کنید."/></kbd>

 ---

@@ -50,7 +50,7 @@

 ‫Supabase یک [پلتفرم میزبانی‌شده](https://app.supabase.com) است. شما می‌توانید بدون نصب چیزی، ثبت‌نام و شروع به استفاده از Supabase کنید. ما هنوز در حال ساختن تجربه‌ی توسعه local هستیم - این تمرکز اصلی فعلی ما علاوه بر اتکاپذیری است.

-![معماری](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![معماری](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - ‫[PostgreSQL](https://www.postgresql.org/) یک سیستم دیتابیس object-relational با بیش از ۳۰سال سابقه توسعه می‌باشد که اعتبار زیادی بابت اتکاپذیری، امکانات قوی و سرعت کسب کرده است.
 - ‫[Realtime](https://github.com/supabase/realtime) یک سرور Elixir است که اجازه می‌دهد به اضافه کردن، به‌روز کردن و حذف کردن‌های PostgreSQL با استفاده از websockets گوش دهید. Supabase به عملکرد داخلی PostgreSQL برای replication گوش می‌دهد، replication byte stream را به JSON تبدیل می‌کند و JSON را از طریق websock به خارج broadcast می‌کند.
@@ -45,7 +45,7 @@ Katso ohjeet osallistumiseen vierailemalla [Aloitus](./DEVELOPERS.md)

 Olemme tällä hetkellä julkisessa betaversiossa. Katso tämän repon "julkaisut", niin saat ilmoituksen tärkeimmistä päivityksistä.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Katso tämä repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Katso tämä repo"/></kbd>

 ---

@@ -41,7 +41,7 @@ Pour voir comment Contribuer, visitez [Getting Started](./DEVELOPERS.md)

 Nous sommes actuellement en version bêta publique. Surveillez les "releases" de ce repo pour être informé des mises à jour majeures.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>

 ---

@@ -54,7 +54,7 @@ Supabase est une combinaison d'outils open source. Nous développons les fonctio
 Supabase est une [plateforme hébergée](https://app.supabase.com). Vous pouvez vous inscrire et commencer à utiliser Supabase sans rien installer.
 Vous pouvez aussi [auto-héberger](https://supabase.com/docs/guides/hosting/overview) et [développer localement](https://supabase.com/docs/guides/local-development).

-![Architecture](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Architecture](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) est un système de base de données relationnel-objet dont le développement actif depuis plus de 30 ans lui a valu une solide réputation de fiabilité, de robustesse des fonctionnalités et de performance.
 - [Realtime](https://github.com/supabase/realtime) est un serveur Elixir qui vous permet d'écouter les insertions, mises à jour et suppressions PostgreSQL à l'aide de websockets. Supabase écoute la fonctionnalité de réplication intégrée de Postgres, convertit le flux d'octets de réplication en JSON, puis diffuse le JSON sur des websockets.
@@ -38,7 +38,7 @@ To [Supabase](https://supabase.com) είναι μια εναλλακτική λ

 Αυτήν τη στιγμή είμαστε σε Public Beta. Παρακολουθήστε την κατηγορία "releases" σε αυτό το repo για να λαμβάνετε ειδοποιήσεις για σημαντικές ενημερώσεις.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>

 ---

@@ -50,7 +50,7 @@ To [Supabase](https://supabase.com) είναι μια εναλλακτική λ

 Το Supabase είναι ένα [hosted platform](https://app.supabase.com) (φιλοξενούμενη πλατφόρμα). Μπορείτε να εγγραφείτε και να αρχίσετε να χρησιμοποιείτε το Supabase χωρίς να εγκαταστήσετε τίποτα. Εξακολουθούμε να αναπτύσουμε την εμπειρία της τοπικής ανάπτυξης (Local Development) - αυτή είναι τώρα η βασική μας εστίαση, μαζί με τη σταθερότητα της πλατφόρμας.

-![Architecture](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Architecture](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) is an object-relational database system with over 30 years of active development that has earned it a strong reputation for reliability, feature robustness, and performance.
 - [Realtime](https://github.com/supabase/realtime) is an Elixir server that allows you to listen to PostgreSQL inserts, updates, and deletes using websockets. Supabase listens to Postgres' built-in replication functionality, converts the replication byte stream into JSON, then broadcasts the JSON over websockets.
@@ -39,7 +39,7 @@

 અમે હાલમાં જાહેર બીટામાં છીએ. અગત્યના સુધારાઓ વિશે સૂચિત થવા માટે આ રીપોના "રિલિઝિસ" જુઓ.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="આ રીપો જુઓ"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="આ રીપો જુઓ"/></kbd>

 ---

@@ -51,7 +51,7 @@

 સુપાબેઝ એક [હોસ્ટેડ પ્લેટફોર્મ](https://app.supabase.com) છે. તમે સાઇન અપ કરી શકો છો અને કંઈપણ ઇન્સ્ટોલ કર્યા વગર સુપાબેઝનો ઉપયોગ શરૂ કરી શકો છો. અમે હજી પણ સ્થાનિક ડેવલપમેન્ટ અનુભવ બનાવી રહ્યા છીએ - પ્લેટફોર્મ સ્થિરતાની સાથે હવે આ અમારું મુખ્ય લક્ષ્ય છે.

-![સ્થાપત્ય](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![સ્થાપત્ય](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) એક ઓબ્જેક્ટ-રિલેશનલ ડેટાબેઝ સિસ્ટમ છે જેમાં 30 વર્ષથી વધુ સક્રિય વિકાસ છે જેણે તેને વિશ્વસનીયતા, લક્ષણ મજબુતાઇ અને પ્રદર્શન માટે મજબૂત પ્રતિષ્ઠા પ્રાપ્ત કરી છે
 - [Realtime](https://github.com/supabase/realtime) એલિક્સિર સર્વર છે જે તમને વેબસોકેટનો ઉપયોગ કરીને PostgreSQL દાખલ, અપડેટ્સ અને ડીલીટ માટે પરવાનગી આપે છે. સુપાબેઝ Postgresની બિલ્ટ-ઇન પ્રતિકૃતિ વિધેયને સાંભળે છે, પ્રતિકૃતિ બાઇટ પ્રવાહને JSON માં ફેરવે છે, પછી વેબસોકેટ્સ પર JSON પ્રસારિત કરે છે.
@@ -40,7 +40,7 @@

 אנחנו כרגע בשלב "בטא פומבית". עקבו אחר השחוררים שלנו בGithub בכדי לקבל התראות על שחרורים נוספים.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>

 ---

@@ -53,7 +53,7 @@ Supabase הוא שילוב של כלי קוד פתוח. אנו בונים את
 Supabase היא [תשתית ענן](https://app.supabase.com)
 . את\ה יכול\ה להירשם ולהתחיל להשתמש ב- Supabase מבלי להתקין שום דבר. אנו עדיין עובדים על לייצר את חוויית הפיתוח המקומית - בזה אנחנו מתמקדים, יחד עם יציבות המערכת.

-![Architecture](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Architecture](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [פוסטגרס (PostgreSQL)](https://www.postgresql.org/) זהו מסד נתונים רלציוני עם למעלה מ -30 שנות פיתוח פעיל שזכתה למוניטין של אמינות, עמידות וביצועים.
 - [Realtime](https://github.com/supabase/realtime) הוא שרת Elixir המאפשר להאזין לתוספות, עדכונים ומחיקות ב-PostgreSQL באמצעות websockets. Supabase מאזין לפונקציונליות ההעתק המובנית של Postgres, ממיר את המידע ל- JSON ואז משדר את ה- JSON מעל websockets.
@@ -45,7 +45,7 @@

 हम इस समय सार्वजनिक बीटा में हैं। प्रमुख अद्यतन की सूचना पाने के लिए इस रेपो का "रिलीज़" देखें।

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="इस रेपो को देखें"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="इस रेपो को देखें"/></kbd>

 ---

@@ -57,7 +57,7 @@

 सुपाबसे [होस्टेड प्लेटफार्म](https://app.supabase.com). आप साइन अप कर सकते हैं और कुछ भी स्थापित किए बिना सुपाबसे का उपयोग करना शुरू कर सकते हैं। हम अभी भी स्थानीय विकास का अनुभव पैदा कर रहे हैं - यह अब मंच स्थिरता के साथ-साथ हमारा मुख्य फोकस है।

-![आर्किटेक्चर](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![आर्किटेक्चर](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) 30 से अधिक वर्षों के सक्रिय विकास के साथ एक वस्तु-संबंधपरक डेटाबेस प्रणाली है जिसने इसे विश्वसनीयता, सुविधा मजबूती और प्रदर्शन के लिए एक मजबूत प्रतिष्ठा अर्जित की है।
 - [Realtime](https://github.com/supabase/realtime) एक एलिक्जिर सर्वर है जो आपको पोस्टग्रॉसीक्यूएल आवेषण, अपडेट्स को सुनने की अनुमति देता है और वेबसोकेट का उपयोग करके हटाता है। सुपबेस पोस्टग्रेज की अंतर्निहित प्रतिकृति कार्यक्षमता को सुनता है, प्रतिकृति बाइट स्ट्रीम को JSON में परिवर्तित करता है, फिर JSON को वेबस्कॉक पर प्रसारित करता है।
@@ -39,7 +39,7 @@ A teljes dokumentációért látogasson el a [supabase.com/docs](https://supabas

 Jelenleg a Publikus Béta állapotban vagyunk. Nézze a repo "releases" fülét hogy értesüljön a nagy frissítésekről.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>

 ---

@@ -52,7 +52,7 @@ A Supabase nyílt forráskódú eszközök kombinációja.A Firebase funkcióit
 Supabase egy [hosztolt platform](https://app.supabase.com). Regisztrálással letöltés nélkül is elkezdheted használni.
 De [hosztolhatod magadnak](https://supabase.com/docs/guides/hosting/overview) és akár [fejlesztheted helyileg](https://supabase.com/docs/guides/local-development).

-![Architektúra](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Architektúra](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) egy objektum-kapcsolati adatbázis rendszer több mint 30 évnyi aktív fejlesztéssel ezalatt hírnevvet szerzett megbízhatóságáról, robosztus felépítéséről, és teljesítményéről.
 - [Valós idő](https://github.com/supabase/realtime) egy Elixir szerver ami lehetővé teszi hogy figyeld a PostgreSQL beillesztéseket, frissítéseket, és törléseket websocket-ek felhasználásával. Supabase figyeli a Postgres belső replikációs funkcióját, átalakítja a replikációs bájtokat egy JSON-be, majd a JSON-t elküldi a websocket kapcsolaton.
@@ -38,7 +38,7 @@ Untuk dokumentasi lengkap, kunjungi [supabase.com/docs](https://supabase.com/doc

 Kami saat ini dalam Public Beta. Amati "releases" dari repositori ini untuk pemberitahuan mengenai pembaruan-pembaruan besar.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Amati repo ini"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Amati repo ini"/></kbd>

 ---

@@ -50,7 +50,7 @@ Supabase adalah kombinasi dari alat-alat sumber terbuka. Kami membangun fitur-fi

 Supabase adalah sebuah [platform yang dihosting](https://app.supabase.com). Anda dapat mendaftar dan mulai menggunakan Supabase tanpa memasang apa pun. Kami masih membangun pengalaman pengembangan lokal yang merupakan fokus utama kami saat ini, bersama dengan stabilitas platform.

-![Arsitektur](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Arsitektur](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) adalah sebuah sistem database objek-relasional dengan pengembangan aktif lebih dari 30 tahun sehingga memiliki reputasi yang kuat dalam keandalan, ketahanan fitur, dan kinerja.
 - [Realtime](https://github.com/supabase/realtime) adalah sebuah server Elixir yang memungkinkan anda mendengarkan penyisipan, perubahan, dan penghapusan dari PostgreSQL menggunakan WebSocket. Supabase mendengarkan fungsionalitas replikasi bawaan Postgres, mengubah stream byte ke JSON, kemudian JSON tersebut disiarkan melalui WebSocket.
@@ -38,7 +38,7 @@ Per ottenere la documentazione completa, visitare il sito [supabase.com/docs](ht

 Attualmente siamo in Beta Pubblica. Tenete d'occhio (cliccando sul bottone "Watch") le "release" di questa repository per essere notificati sui nostri aggiornamenti piú importanti.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>

 ---

@@ -50,7 +50,7 @@ Supabase è un insieme di strumenti con sorgente aperto. Stiamo sviluppando le f

 Supabase è una [piattaforma ospitata](https://app.supabase.com). Ci si può iscrivere ed iniziare ad utilizzare Supabase senza la necessità di installare qualcosa. Ci impegnamo nel creare un'esperienza di sviluppo interamente in locale - attualmente é il nostro obiettivo primario, così come lo è la stabilità della piattaforma stessa.

-![Architettura](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Architettura](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) è un sistema di database relazionali ad oggetti, con oltre 30 anni di sviluppo all'attivo che gli hanno permesso di ottenere una ottima reputazione in termini di affidabilità, robustezza delle funzionalità e prestazioni.
 - [Realtime](https://github.com/supabase/realtime) è un server Elixir che consente di ascoltare eventi PostreSQL quali inserimento, aggiornamenti e rimozioni utilizzando i websocket. Supabase rimane in ascolto della funzionalità incorporata di replicazione di Postgres, convertendo il flusso di byte replicato in JSON, dopodichè diffondendo il JSON attraverso i websocket.
@@ -43,7 +43,7 @@

 현재 Public Beta를 실시하고 있습니다. 주요 업데이트에 대한 알림을 받으려면 이 저장소의 "releases"를 Watch 해주세요.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>

 ---

@@ -56,7 +56,7 @@ Supabase는 오픈 소스 툴들을 조합한 것입니다. 엔터프라이즈
 Supabase는 [호스팅 플랫폼](https://app.supabase.com)입니다. 아무것도 설치하지 않고 가입하고 Supabase 사용을 시작할 수 있습니다.
 또한 현재 로컬 개발 환경을 갖추고 있으며, 이는 플랫폼의 안정성과 함께 지금 최우선으로 진행하고 있는 프로젝트입니다.

-![아키텍쳐](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![아키텍쳐](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/)PostgreSQL 은 30 년 이상 개발 · 개선되어왔다 객체 관계형 데이터베이스 시스템에서의 안정성, 기능의 안정성, 성능면에서 높은 평가를 얻고 있습니다.
 - [Realtime](https://github.com/supabase/realtime) 은 웹 소켓을 사용하여 PostgreSQL 삽입, 업데이트 및 삭제를 수신 할 수있는 Elixir 서버입니다. Supabase는 Postgres의 내장 복제 기능을 수신하고 복제 바이트 스트림을 JSON으로 변환 한 다음 웹 소켓을 통해 JSON을 브로드 캐스트합니다.
@@ -38,7 +38,7 @@ Untuk dokumentasi lengkap, layari [supabase.com/docs](https://supabase.com/docs)

 Kami kini berada di Public Beta. Tonton "siaran" repo ini untuk diberitahu mengenai kemas kini utama.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Tonton repo ini"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Tonton repo ini"/></kbd>

 ---

@@ -51,7 +51,7 @@ Supabase adalah gabungan alat sumber terbuka. Kami membina ciri Firebase menggun
 Supabase ialah [platform yang dihoskan](https://app.supabase.com). Anda boleh mendaftar dan mula menggunakan Supabase tanpa memasang apa-apa.
 Anda juga boleh [host sendiri](https://supabase.com/docs/guides/hosting/overview) dan [lokal](https://supabase.com/docs/guides/local-development).

-![Seni bina](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Seni bina](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) adalah sistem pangkalan data objek-relasional dengan pengembangan aktif lebih dari 30 tahun yang menjadikannya reputasi yang kuat untuk kebolehpercayaan, ketahanan ciri, dan prestasi.
 - [Realtime](https://github.com/supabase/realtime) adalah pelayan Elixir yang membolehkan anda mendengar sisipan, kemas kini dan pemadaman PostgreSQL menggunakan soket web. Supabase mendengar fungsi replikasi terbina dalam Postgres, menukar aliran bait(byte) replikasi menjadi JSON, kemudian menyiarkan JSON melalui soket web.
@@ -38,7 +38,7 @@ Besøk [supabase.com/docs](https://supabase.com/docs) for full dokumentasjon.

 Vi er for øyeblikket i Offentlig Beta. Følg med på "releases" til dette repoet for å bli varslet om større oppdateringer.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>

 ---

@@ -50,7 +50,7 @@ Supabase er en samling av open source-verktøy. Vi bygger funksjonaliteten til F

 Supabase er en [hostet plattform](https://app.supabase.com). Du kan registrere deg og begynne å bruke Supabase uten å installere noe. Vi holder fortsatt på å bygge verktøy for lokalt bruk – dette er nå vårt kjernefokus, i tillegg til plattformstabilitet.

-![Arkitektur](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Arkitektur](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) er et objektrelasjonelt databasesystem med over 30 år med aktiv utvikling, som har gitt det et godt rykte for pålitelighet, robusthet og ytelse.
 - [Realtime](https://github.com/supabase/realtime) er en Elixir-server som lar deg lytte til PostgreSQL-innsettinger, -oppdateringer og -slettinger ved hjelp av websockets. Supabase lytter til Postgres sin innebygde replikasjonsfunksjonalitet, konverterer replikasjonsbyte-strømmen til JSON, og sender deretter JSON over websockets.
@@ -38,7 +38,7 @@

 हामी हाल सार्वजनिक बिटामा छौं। प्रमुख अद्यावधिकहरूको सूचना प्राप्त गर्न यस रेपोको "रिलिजहरू"मा हेर्नुहोस्।

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="यो रिपोलाई हेरौ"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="यो रिपोलाई हेरौ"/></kbd>

 ---

@@ -50,7 +50,7 @@

 सुपबेस एक [होस्ट गरिएको प्लेटफर्म](https://app.supabase.com) हो। तपाई आफै साइन अप गर्न सक्नुहुन्छ र कुनै स्थापना बिना सुपबेस प्रयोग गर्न सक्नुहुन्छ। हामी अझै स्थानीय विकासको अनुभव सिर्जना गर्दैछौं। यो प्लेटफर्म स्थिरताको साथ हाम्रो मूल फोकस हो।

-![आर्किटेक्चर](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![आर्किटेक्चर](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) एक वस्तु-रिलेशनल डाटाबेस प्रणाली हो जसले ३० बर्ष भन्दा बढी सक्रिय विकासको साथ विश्वसनीयता, सुविधा मजबूती र प्रदर्शनको बलियो प्रतिष्ठा कमाएको छ।
 - [Realtime](https://github.com/supabase/realtime) एक Elixer सर्भर हो जसले तपाइँलाई वेबसकेटहरू प्रयोग गरेर PostgreSQL इन्सर्टहरू, अपडेटहरु, र डिलीटहरु सुन्न अनुमति दिन्छ। सुपबेसले पोष्टग्रेसको भित्र निर्मित प्रतिकृति कार्यक्षमता सुन्दछ, प्रतिकृति बाइट स्ट्रिमलाई JSON मा रूपान्तरण गर्दछ, र त्यसपछि JSON लाई वेबसकेटमा प्रसारण गर्दछ।।
@@ -38,7 +38,7 @@ Kijk voor de volledige documentatie op [supabase.com/docs](https://supabase.com/

 Momenteel bevinden we ons in een publieke bèta. Bezoek de "releases" van deze repo om op de hoogte te blijven van de laatste updates.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Volg deze repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Volg deze repo"/></kbd>

 ---

@@ -50,7 +50,7 @@ Supabase is een combinatie van open-source software. Wij bouwen de functionalite

 Supabase is een [aangeboden platform](https://app.supabase.com). Je kan een account openen en er meteen gebruik van maken. Je hoeft niets extra's te installeren. Momenteel werken we ook aan een manier om Supabase lokaal te kunnen draaien. Onze focus ligt dus op deze mogelijkheid en ook op het verbeteren van de stabliteit van het platform.

-![Architectuur](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Architectuur](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) is een object-relation database-systeem dat al meer dan 30 jaar ervaring achter zich heeft. Dankzij deze ervaring heeft het een sterke reputatie die bekend staat om betrouwbaarheid, robuustheid en snelheid.
 - [Realtime](https://github.com/supabase/realtime) is een Elixir-server die ervoor zorgt dat je kunt luisteren naar PostgreSQL _inserts_, _updates_ en _deletes_ met websockets. Supabase luistert naar de ingebouwde _replication_-mogelijkheden van Postgres, en zet de _replication byte_ stroom om in JSON. Daarna sturen we de JSON met een _broadcast_ over de websockets.
@@ -38,7 +38,7 @@ Po pełną dokumentację, odwiedź [supabase.com/docs](https://supabase.com/docs

 Jesteśmy aktualnie w fazie Publicznej Bety. Subskrybuj powiadomienia "releases" tego repozytorium aby dostawać powiadomienia o kluczowych aktualizacjach.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>

 ---

@@ -50,7 +50,7 @@ Supabase jest połączeniem narzędzi open source. Budujemy funkcjonalności Fir

 Supabase jest [hostowaną platformą](https://app.supabase.com). Możesz się zarejestrować i zacząć używać Supabase bez potrzeby instalacji dodatkowych narzędzi. Cały czas tworzymy lokalne środowisko deweloperskie - jest to teraz nasz priorytet, razem ze stabilnością platformy.

-![Architektura](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Architektura](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) jest obiektowo-relacyjnym system baz danych z ponad 30 letnim aktywnym rozwojem dzięki któremu zyskał dobrą reputacje dzięki niezawodności, solidności funkcji i wydajności.
 - [Realtime](https://github.com/supabase/realtime) jest serwerem Elixir który umożliwia nasłuchiwanie na wsady PostgreSQL, aktualizacje, i usunięcia używając websocketów. Supabase nasłuchuje na budowane w Postgres' funkcje replikacji, konwertuje replikacje transmisji bitów do struktury JSON przez websockety.
@@ -42,7 +42,7 @@ Para documentação completa, visite [supabase.com/docs](https://supabase.com/do

 Estamos atualmente na fase Beta Público. Siga as "entregas" (_releases_) deste repositório para receber uma notificação quando houver uma grande atualização (_major releases_).

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Seguir este repositório"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Seguir este repositório"/></kbd>

 ---

@@ -54,7 +54,7 @@ Supabase é uma combinação de ferramentas de código aberto. Nós estamos cons

 Supabase é uma [plataforma hospedada](https://app.supabase.com). Você pode se cadastrar e começar a usar Supabase sem instalar nada. Nós ainda estamos criando a experiência de trabalho local - esse é o nosso foco principal, junto com a estabilidade da plataforma.

-![Arquitetura](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Arquitetura](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) é um banco objeto-relational com mais de 30 anos de desenvolvimento ativo que conquistou uma forte reputação por ser confiável, robusto e de ótimo desempenho.
 - [Tempo real](https://github.com/supabase/realtime) é um servidor Elixir que permite ouvir as inserções, atualizações e remoções (_inserts_, _updates_ e _deletes_) do PostgreSQL usando _websockets_. Supabase ouve as funcionalidades de replicação nativas do Postgres, converte os bytes de replicação em JSON, e propaga o JSON usando websockets.
@@ -38,7 +38,7 @@ Para ver a documentação completa, visite [supabase.com/docs](https://supabase.

 Estamos atualmente em Beta Público. Assista aos lançamentos deste repositório para ser notificado sobre as principais atualizações.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>

 ---

@@ -50,7 +50,7 @@ Supabase é uma combinação de ferramentas de código aberto. Estamos a constru

 Supabase é uma [plataforma hospedada](https://app.supabase.com). Podes-te inscrever e começar a usar o Supabase sem instalar nada. Ainda estamos a criar a experiência de desenvolvimento local - esse é nosso foco atual, juntamente com a estabilidade da plataforma.

-![Arquitetura](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Arquitetura](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) é um sistema de base de dados objeto-relacional com mais de 30 anos de desenvolvimento ativo que lhe rendeu uma forte reputação de confiabilidade, robustez de recursos e desempenho.
 - [Realtime](https://github.com/supabase/realtime) é um servidor Elixir que permite ouvir inserções, atualizações e exclusões PostgreSQL usando websockets. A Supabase escuta a funcionalidade de replicação embutida do Postgres, converte o fluxo de bytes de replicação em JSON e, de seguida, transmite o JSON através de websockets.
@@ -38,7 +38,7 @@ Pentru documentația completă vizitați [supabase.com/docs](https://supabase.co

 La ora actuală ne aflăm în Beta public. Urmăriți „lansările” acestui repository pentru a putea fi notificat la actualizările majore.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Urmăriți acest repository"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Urmăriți acest repository"/></kbd>

 ---

@@ -50,7 +50,7 @@ Supabase este o combinație de unelte open source. Construim trăsăturile din F

 Supabase este o [platformă găzduită](https://app.supabase.com). Puteți să vă înscrieți și să începeți să folosiți Supabase fără a instala orice. Experiența de developare locală încă mai este în dezvoltare, acesta fiind lucrul la care ne concentrăm cel mai mult, împreună cu stabilitatea platformei.

-![Arhitectură](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Arhitectură](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) este o bază de date de obiecte relațională cu peste 30 de ani de dezvoltare și o reputație pentru fiabilitate și performanță.
 - [Realtime](https://github.com/supabase/realtime) este un server Elixir care permite ascultarea inserțiilor, actualizărilor și ștergerilor bazei de date PostgreSQL prin intermediul websocket-urilor. Supabase ascultă funcționalitatea de replicare integrată PostgreSQL, convertește fluxul de octeți al replicării în JSON, apoi emite JSON-ul prin intermediul websocket-urilor.
@@ -38,7 +38,7 @@

 В настоящее время мы находимся в публичной бете. Следите за разделом "Releases" в этом репозитории, чтобы получать уведомления об основных обновлениях.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>

 ---

@@ -50,7 +50,7 @@ Supabase - это сочетание инструментов с открыты

 Supabase – это [облачная платформа](https://app.supabase.com). Вы можете зарегистрироваться и начать использовать Supabase, ничего не устанавливая. Мы продолжаем улучшать удобство локальной разработки - сейчас это наш основной фокус, наряду со стабильностью платформы.

-![Архитектура](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Архитектура](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) – это объектно-реляционная система баз данных с более чем 30 годами активной разработки, которая завоевала прочную репутацию благодаря надежности, устойчивости функциональности и производительности.
 - [Realtime](https://github.com/supabase/realtime) – это сервер, написанный на Elixir, который позволяет cледить за вставками, обновлениями и удалениями в базе PostgreSQL с помощью веб-сокета. Supabase использует встроенную функциональность репликации Postgres, преобразует поток байтов репликации в JSON, а затем передает JSON через веб-сокеты.
@@ -38,7 +38,7 @@

 අප දැනට පොදු beta තත්වයේ සිටින්නෙ. ප්‍රධාන නිකුත්කිරීම් හා දැනුවත් වීම් සඳහා "releases" පිළිබඳව අවධානයෙන් සිටින්න.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Watch this repo"/></kbd>

 ---

@@ -50,7 +50,7 @@ Supabase යනු විවෘත පරිශීලක උපාංග කි

 Supabase යනු [hosted platform](https://app.supabase.com) එකකි.ඔබට දැන් සම්බන්ධ වී කිසිම දෙයක් install නොකර Supabase භාවිත කල හැකිය.අප තවමත් local development අත්දැකීම සාදමින් සිටියි- මෙය තමයි අපේ දැනට ප්‍රධාන අරමුණ,platform එකේ ස්ථාවර බව සමඟ.

-![Architecture](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Architecture](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) යනු අවුරුදු 30 වඩා කාලයක් ක්‍රියාත්මක වෙමින් පවතින object-relational database system එකක් වන අතර එය විශ්වාසනීයත්වයට,ක්‍රියාකාරීත්වයට හා feature robustness බවට කීර්තියක් අත්පත්කරගෙන සිටියි
 - [Realtime](https://github.com/supabase/realtime) is an Elixir server that allows you to listen to PostgreSQL inserts, updates, and deletes using websockets. Supabase listens to Postgres' built-in replication functionality, converts the replication byte stream into JSON, then broadcasts the JSON over websockets.
@@ -38,7 +38,7 @@ Për dokumentimin e plotë, vizitoni [supabase.com/docs](https://supabase.com/do

 Ne për momentin jemi në testimin Beta Publike. Vëzhgo "publikimet" e këtij depos për tu njoftuar për azhurnimet kryesore.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Vëzhgo këtë depo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Vëzhgo këtë depo"/></kbd>

 ---

@@ -50,7 +50,7 @@ Supabase është një kombinim i mjeteve që janë projekte të hapura (open sou

 Supabase është një [platform hostimi](https://app.supabase.com). Ti mundesh të regjistrohesh dhe të fillosh ta përdorish Supabase duke mos instaluar asgjë. Poashtu ne jemi duke punuar për ta ndërtuar eksperiencën për zhvillim lokal, por kjo nuk është fokusi ynë kryesorë dhe thelbësor, së bashku me stabilitetin e platformës.

-![Arkitektura](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Arkitektura](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) është një objekt-relacional i databasës si sistem me më shumë se 30 vite zhvillim aktiv e cila ka fituar një reputacion të fortë për besueshmërinë, karakteristikë të qëndrueshmërisë ,dhe performancë.
 - [Realtime](https://github.com/supabase/realtime) është një Elixir server që lejon të dëgjosh për insertime, fshirje dhe përdisime në databasën PostgreSQL duke përdorur websockets. Supabase dëgjon në Postgres' funksionaliteti i replikimit i integruar, ajo kthen rrjedhjen e bajteve të replikimit, pastaj transmeton JSON mbi/në websockets.
@@ -38,7 +38,7 @@ För fullständig dokumentation, besök [supabase.com/docs](https://supabase.com

 Vi är för närvarande i offentlig beta. Bevaka "releases" i detta repo för att få notifikationer vid större uppdateringar.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="Bevaka detta repo"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="Bevaka detta repo"/></kbd>

 ---

@@ -50,7 +50,7 @@ Supabase är en samling verktyg med öppen källkod. Vi bygger funktionerna som

 Supabase är en [hostad plattform](https://app.supabase.com). Du kan registrera dig och börja använda Supabase utan att installera någonting. Vi håller fortfarande på att förbättra den lokala utvecklarupplevelsen - detta är för närvarande vårt huvudfokus, tillsammans med plattformens övergripande stabilitet.

-![Arkitektur](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![Arkitektur](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [PostgreSQL](https://www.postgresql.org/) är en objektrelationsdatabas med över 30 års aktiv utveckling , vilket har gett den ett gott rykte som pålitlig, robust och högpresterande.
 - [Realtime](https://github.com/supabase/realtime) är en Elexir-server som låter dig lyssna på skapande, uppdateringar och borttagningar i PostgreSQL med hjälp av websockets. Supabase lyssnar på PostgreSQL´s inbyggda replikeringsfunktionalitet, konverterar replikerings-byte-strömmen till JSON och sänder sedan JSON via websockets.
@@ -45,7 +45,7 @@

 நாங்கள் தற்போது பொது பீட்டாவில் இருக்கிறோம். முக்கிய துப்பிப்புகளைப் பற்றி அறிவிக்க இந்த ரெப்போவின் "வெளியீடுகளைப்" பாருங்கள்.

-<kbd><img src="https://gitcdn.link/repo/supabase/supabase/master/web/static/watch-repo.gif" alt="இந்த ரெப்போவைப் பாருங்கள்"/></kbd>
+<kbd><img src="https://raw.githubusercontent.com/supabase/supabase/d5f7f413ab356dc1a92075cb3cee4e40a957d5b1/web/static/watch-repo.gif" alt="இந்த ரெப்போவைப் பாருங்கள்"/></kbd>

 ---

@@ -58,7 +58,7 @@
 சுபாபேஸ் ஒரு [ஹோஸ்ட் செய்யப்பட்ட தளம்](https://app.supabase.com). எதையும் நிறுவாமல் நீங்கள் பதிவுசெய்து Supabase ஐப் பயன்படுத்தத் தொடங்கலாம்.
 நீங்கள் [சுய ஹோஸ்ட்](https://supabase.com/docs/guides/hosting/overview) மற்றும் [உள்நாட்டில் உருவாக்க](https://supabase.com/docs/guides/local-development) ஆகியவற்றையும் செய்யலாம்.

-![கட்டிடக்கலை](https://supabase.com/docs/assets/images/supabase-architecture-9050a7317e9ec7efb7807f5194122e48.png)
+![கட்டிடக்கலை](https://user-images.githubusercontent.com/70828596/187547862-ffa9d058-0c3a-4851-a3e7-92ccfca4b596.png)

 - [பூஸ்ட்ஜீஆர்இஎஸ்கியூஎல்](https://www.postgresql.org/) என்பது 30 ஆண்டுகளுக்கும் மேலான செயலில் உள்ள வளர்ச்சியுடன் கூடிய ஒரு பொருள்-தொடர்புடைய தரவுத்தள அமைப்பாகும், இது நம்பகத்தன்மை, அம்ச உறுதிப்பாடு மற்றும் செயல்திறனுக்கான வலுவான நற்பெயரைப் பெற்றுள்ளது.
 - [நிகழ்நேரம்](https://github.com/supabase/realtime) என்பது ஒரு எலிக்சர் சேவையகமாகும், இது வெப்சாக்கெட்டுகளைப் பயன்படுத்தி பூஸ்ட்ஜீஆர்இஎஸ்கியூஎல் செருகல்கள், புதுப்பிப்புகள் மற்றும் நீக்குதல்களைக் கேட்க உங்களை அனுமதிக்கிறது. நிகழ்நேர கருத்துக் கணிப்புகள் தரவுத்தள மாற்றங்களுக்கான போஸ்ட்கிரஸின் உள்ளமைக்கப்பட்ட பிரதிபலிப்பு செயல்பாடு, ஜே.எஸ்.ஆனுக்கு மாற்றங்களை மாற்றுகிறது, பின்னர் அங்கீகரிக்கப்பட்ட வாடிக்கையாளர்களுக்கு வெப்சாக்கெட்டுகள் மூலம் ஜே.எஸ்.என் ஐ ஒளிபரப்புகிறது.