{"id":13682962,"url":"https://github.com/awkweb/react-supabase","last_synced_at":"2025-04-05T23:11:57.481Z","repository":{"id":37420986,"uuid":"360197374","full_name":"awkweb/react-supabase","owner":"awkweb","description":"React Hooks library for Supabase","archived":false,"fork":false,"pushed_at":"2024-04-01T08:04:19.000Z","size":2752,"stargazers_count":338,"open_issues_count":8,"forks_count":26,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-03-29T22:08:43.345Z","etag":null,"topics":["hooks","react","supabase","supabase-client"],"latest_commit_sha":null,"homepage":"https://react-supabase.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/awkweb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2021-04-21T14:19:13.000Z","updated_at":"2025-03-28T17:00:10.000Z","dependencies_parsed_at":"2024-04-21T23:17:23.932Z","dependency_job_id":"6d9415e2-1540-4bf7-996e-de7ccc27f618","html_url":"https://github.com/awkweb/react-supabase","commit_stats":{"total_commits":52,"total_committers":6,"mean_commits":8.666666666666666,"dds":"0.17307692307692313","last_synced_commit":"9890c0da761132d21c1edbe4b30d7f081c7309c5"},"previous_names":["awkweb/react-supabase","tmm/react-supabase"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awkweb%2Freact-supabase","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awkweb%2Freact-supabase/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awkweb%2Freact-supabase/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awkweb%2Freact-supabase/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/awkweb","download_url":"https://codeload.github.com/awkweb/react-supabase/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247411239,"owners_count":20934653,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hooks","react","supabase","supabase-client"],"created_at":"2024-08-02T13:01:56.392Z","updated_at":"2025-04-05T23:11:57.463Z","avatar_url":"https://github.com/awkweb.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"## Introduction\n\n`react-supabase` is a React Hooks library for [Supabase](https://supabase.io).\n\nVisit the [docs site](https://react-supabase.vercel.app) for more info.\n\n\u003cbr/\u003e\n\n## Installation\n\n```\nyarn add react-supabase @supabase/supabase-js\n# or\nnpm install --save react-supabase @supabase/supabase-js\n```\n\n\u003cbr/\u003e\n\n## Quick Start\n\nCreate a Supabase client and pass it to the `Provider`:\n\n```tsx\nimport { createClient } from '@supabase/supabase-js'\nimport { Provider } from 'react-supabase'\n\nconst client = createClient('https://xyzcompany.supabase.co', 'public-anon-key')\n\nconst App = () =\u003e (\n  \u003cProvider value={client}\u003e\n    \u003cYourRoutes /\u003e\n  \u003c/Provider\u003e\n)\n```\n\nNow every component inside and under the `Provider` can use the Supabase client and hooks:\n\n```tsx\nimport { useRealtime } from 'react-supabase'\n\nconst Todos = () =\u003e {\n  const [result, reexecute] = useRealtime('todos')\n\n  const { data, fetching, error } = result\n\n  if (fetching) return \u003cp\u003eLoading...\u003c/p\u003e\n  if (error) return \u003cp\u003eOh no... {error.message}\u003c/p\u003e\n\n  return (\n    \u003cul\u003e\n      {data.map((todo) =\u003e (\n        \u003cli key={todo.id}\u003e{todo.title}\u003c/li\u003e\n      ))}\n    \u003c/ul\u003e\n  )\n}\n```\n\n\u003cbr/\u003e\n\n## License\n\nThe MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawkweb%2Freact-supabase","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fawkweb%2Freact-supabase","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawkweb%2Freact-supabase/lists"}