https://github.com/5rahim/qrwaiter
https://github.com/5rahim/qrwaiter
Last synced: 7 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/5rahim/qrwaiter
- Owner: 5rahim
- Created: 2023-03-05T17:43:01.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-09-25T00:40:00.000Z (over 2 years ago)
- Last Synced: 2025-04-06T06:36:17.607Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://qr-waiter.vercel.app
- Size: 3.78 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# QR WAITER
Next.js 13.2.1, NextAuth.js, Hasura, GraphQL, Tailwind, Google Cloud.
## Use
#### Hasura (with Nhost)
- Create new Nhost project
- Hasura > Copy secret. Update `HASURA_GRAPHQL_ADMIN_SECRET`
- Settings > Environment Variables
- Update `NEXT_PUBLIC_HASURA_GRAPHQL_API=https://` with NHOST_GRAPHQL_URL
- Update `NEXT_PUBLIC_HASURA_WS_GRAPHQL_API=wss://` with NHOST_GRAPHQL_URL
- Update `HASURA_GRAPHQL_JWT_SECRET` with NHOST_JWT_SECRET
- The default unauthorized role is `public` for Nhost
##### (Hasura only)
- Add `HASURA_GRAPHQL_UNAUTHORIZED_ROLE` env var in Hasura, set it to `public`
- Add `HASURA_GRAPHQL_JWT_SECRET` env var in Hasura, set it to `{ "type": "HS256", "key": "***SECRET***" }`
### NextAuth
- Update `NEXTAUTH_SECRET=***JWT SECRET***`
### Database
- Create a Railway or Neon Postgres Database
- Run the queries from `src/lib/hasura/nextauth.sql` to set up auth tables
- Run the queries from `(placeholder)` to set up the other tables
### Google Cloud
#### Create a new project
- Update `GCS_PROJECT_ID=`
#### Create a new Service Account: API & services > Credentials
- Create a new Service Account with the name `XXXX-cloud`
- Go to service account permissions and grant access
- Add service account email as New Principals
- Assign `Owner` role.
- Go to service account keys and add a new JSON key and open downloaded file
- Update `GCS_CLIENT_EMAIL=` with "client_email".
- Update `GCS_PRIVATE_KEY="----...----/n"` with "private_key".
#### Configure OAuth consent screen
- User type: External
- App domain: `127.0.0.1:PORT`, Authorized Domains: `XXXX.vercel.app`
- Add scopes: .../auth/userinfo.email, .../auth/userinfo.profile
#### Create OAuth Client ID
- Application type: Web application, name: `XXXX Web Client`
- Authorized redirect URIs: `http://127.0.0.1:PORT/api/auth/callback/google`, `https://XXXX.vercel.app/api/auth/callback/google`
- Copy your Client ID and Client Secret
- Update `GOOGLE_CLIENT_ID=` and `GOOGLE_CLIENT_SECRET=`
#### Create a storage bucket: Cloud Storage > Buckets > Create
- Name: `XXXX-storage`
- Set a default class: Standard
- Prevent public access > Uncheck "Enforce public access prevention on this bucket"
- Access control: Uniform
- Go to bucket > Permissions > Grant Access
- New principals: `allUsers`
- Role: Storage Object Viewer
- Allow public access
- Update `GCS_BUCKET_NAME=`
#### Configure storage bucket CORS
- Download Google Cloud CLI. https://cloud.google.com/sdk/docs/install
- Run `cd C:/PROJECT_PATH` where `gcs_cors.json` is located
- Run `gsutil cors set gcs_cors.json gs://XXXX-storage`
- /!\ Change the CORS settings for more security
#### Google API Key (optional)
- Add `GOOGLE_API_KEY=` env var
- Create new API Key
- Website restrictions: `127.0.0.1:PORT/*`, `XXXX.vercel.app/*`
- Restrict key: `Maps Javascript API`, `Places API`, ...
#### graphql-codegen
- Rename `graphql-codegen.example.ts` to `graphql-codegen.ts`
- Update the file
`npm install`
## Run
`npm run graphql-codegen`
`npm run dev`