A HackerNews-like clone build with Vue.js 3 and Supabase. Inspired by the supabase-graphql-example
- CRUD (Query + Mutation Operations)
- Cursor Based Pagination
- Authorization / Postgres Row Level Security
- Supabase - Backend with a Postgres Database, Authentication, instant APIs, Realtime subscriptions and Storage.
- pg_graphql - A native PostgreSQL extension adding GraphQL support.
- Postgres Triggers and Postgres Functions - When votes are in, use triggers to invoke a Postgres function that updates a post score
- Postgres Enumerated Types - Enums help defined the direction of a vote: UP or DOWN.
- Vue.js - Vue.js
- TypeScript
- graphql-code-generator - Generate code from your GraphQL schema and operations with a simple CLI
- vite-plugin-graphql-codegen - Zero-config vite plugin that uses the vite file watcher to run graphql codegen programmatically without needing to start a separate watcher.
- Vue Apollo - Apollo/GraphQL integration for VueJS
- Registration
- Get a feed of posts
- Create Post
- Delete Post
- Create Comment
- Delete Comment
- Upvote/Downvote Post
- View Profile
- Edit Profile
- Pagination (Posts, Comments)
cp app/.env.example app/.env.local- Fill in your url and anon key from the Supabase Dashboard: https://app.supabase.io/project/_/settings/api
pnpm i
pnpm dev