Skip to content

A Nuxt 3, TailwindCSS, and Supabase Auth, EdgeDB Twitter Clone.

Notifications You must be signed in to change notification settings

madebyfabian/zingio

Repository files navigation

zingio App

A Nuxt 3, TailwindCSS, Supabase Auth, EdgeDB Twitter Clone.

Features

  • Authentication (Password, GitHub)
  • User Profiles
  • Post Lists
  • Creating Posts
  • Post Comments
  • Post Likes
  • Profile Settings
  • Bookmark Folders
  • See Notion Roadmap for all features.

Setup

Installing EdgeDB CLI & TypeScript Types

  • Install EdgeDB CLI locally
  • after that, run edgedb project init
  • then npm run generate-types:edgedb

Deploy EdgeDB

  • See https://www.edgedb.com/docs/guides/deployment/digitalocean
  • Create digitalocean Link in CLI (<dsn> is the edgedb://... connection string)
    edgedb instance link \
    	--dsn <dsn> \
    	--trust-tls-cert \
    	--non-interactive \
    	digitalocean
  • Run migrations
    edgedb migrate --dsn <dsn> --tls-security insecure

Connect to edgeDB

This is not required, but to test the connection, you can run

edgedb -I digitalocean

Add .env

# Supabase
SUPABASE_URL="https://example.supabase.com"
SUPABASE_KEY="<your_key>"

# EdgeDB
EDGEDB_DSN="<your_dsn>"
EDGEDB_CLIENT_TLS_SECURITY=insecure

Install dependencies

npm install

Run dev server

npm start

After changing a dbschema/*.esdl file

  • npm run edgedb-migrate

Info

node-fetch@2 in devDependencies is required due to a bug where it would otherwise use node-fetch@3 and because this is esm, it doesn't work with the edgedb package. See: https://discord.com/channels/841451783728529451/1046195371933696069/1046206050266787911

About

A Nuxt 3, TailwindCSS, and Supabase Auth, EdgeDB Twitter Clone.

Topics

Resources

Stars

Watchers

Forks