https://github.com/gomagoma676/realtime-app-supabase
🔥 Realtime app with Supabase subscription and Nextjs
https://github.com/gomagoma676/realtime-app-supabase
nextjs react-query supabase zustand
Last synced: 3 months ago
JSON representation
🔥 Realtime app with Supabase subscription and Nextjs
- Host: GitHub
- URL: https://github.com/gomagoma676/realtime-app-supabase
- Owner: GomaGoma676
- Created: 2022-05-04T01:02:42.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-10-19T11:09:55.000Z (almost 3 years ago)
- Last Synced: 2025-04-29T21:39:08.498Z (5 months ago)
- Topics: nextjs, react-query, supabase, zustand
- Language: TypeScript
- Homepage:
- Size: 139 KB
- Stars: 16
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Project quick start
~~~
npx create-next-app realtime-app --ts
~~~
~~~
yarn add -D tailwindcss postcss autoprefixer
yarn add -D prettier prettier-plugin-tailwindcss
npx tailwindcss init -p
~~~
~~~
yarn add @supabase/supabase-js@1.33.3 react-query@4.0.0-beta.7 zustand @heroicons/react@1.0.6 react-error-boundary date-fns
~~~
https://tailwindcss.com/docs/guides/nextjs
#### SQL Query
~~~
-- CASCADE Delete setup !
alter table public.comments
add constraint comments_post_id_fkey
foreign key (post_id)
references posts(id)
on delete cascade;
-- Enable automatic update_at update
create trigger handle_updated_at before update on profiles
for each row execute procedure moddatetime (updated_at);
-- Enable row level subscrition for comments table
alter table "comments" replica identity full;
~~~