Replace Firebase and Hasura apps with Nhost (#460)

* Update version to v0.23.0
* Replace Firebase and Hasura apps with Nhost
* Update environment variables in .env (count: 22 → 4)
* Replace React Query and NextAuth with Nhost (w/ Apollo Client)
* Pages:
    * update: HOME page
    * add: secret.page.tsx
    * remove: Edit page, 1.page.tsx, 2.page.tsx
* Add/Remove some dependencies

Author: usagizmo

.env.example

@@ -1,41 +1,13 @@
 # Next.js (`apps/web`)
-NEXT_PUBLIC_GRAPHQL_ENDPOINT=http://localhost:49180/v1/graphql
-NEXT_PUBLIC_GOOGLE_ANALYTICS_ID=
-
-# Firebase (`apps/web`)
-NEXT_PUBLIC_FIREBASE_API_KEY=
-NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
-NEXT_PUBLIC_FIREBASE_PROJECT_ID=
-NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=
-NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
-NEXT_PUBLIC_FIREBASE_APP_ID=
-NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=
-
-# NextAuth (`apps/web [api]`)
-NEXTAUTH_URL=http://localhost:3000
-# Linux: `openssl rand -hex 32` or go to https://generate-secret.now.sh/32
-NEXTAUTH_SECRET=nextauth_secret_xxxxxxxxxxxxxxxx
 
-# Create Service Account on Firebase Console
-# https://console.firebase.google.com/project/<firebase-project-id>/settings/serviceaccounts/adminsdk
-FIREBASE_PROJECT_ID=
-FIREBASE_CLIENT_EMAIL=
-FIREBASE_PRIVATE_KEY=
-
-# Hasura (`apps/hasura`) /  @graphql-codegen (`packages/generated`)
-HASURA_GRAPHQL_ENDPOINT=http://localhost:49180
-HASURA_GRAPHQL_ADMIN_SECRET=hasura_graphql_admin_secret_xxxx
-HASURA_GRAPHQL_API_PATHS_GRAPHQL=v1/graphql
+NEXT_PUBLIC_GOOGLE_ANALYTICS_ID=
 
-# Local only (Do not set it up in production)
+# Nhost (`apps/web`)
 
-# Firebase Emulator (`apps/web`, `apps/web [api]`)
-NEXT_PUBLIC_USE_EMURATOR=true
+NEXT_PUBLIC_NHOST_SUBDOMAIN=
+NEXT_PUBLIC_NHOST_REGION=
 
-# for firebase-admin (`apps/web [api]`)
-FIREBASE_AUTH_EMULATOR_HOST=localhost:9099
-FIRESTORE_EMULATOR_HOST=localhost:8080
-FIREBASE_STORAGE_EMULATOR_HOST=localhost:9199
+# @graphql-codegen (`packages/generated`)
 
-# Hasura (`apps/hasura`)
-HASURA_GRAPHQL_JWT_SECRET={"type":"HS256","key":"hasura_graphql_admin_secret_xxxx"}
+HASURA_GRAPHQL_ENDPOINT=http://localhost:####/v1/graphql
+HASURA_GRAPHQL_ADMIN_SECRET=nhost-admin-secret

.github/workflows/main.yml

@@ -60,21 +60,10 @@ jobs:
       - name: Run build 🐣
         run: pnpm build
         env:
-          NEXT_PUBLIC_GRAPHQL_ENDPOINT: ${{ secrets.NEXT_PUBLIC_GRAPHQL_ENDPOINT }}
-          NEXT_PUBLIC_FIREBASE_API_KEY: ${{ secrets.NEXT_PUBLIC_FIREBASE_API_KEY }}
-          NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN: ${{ secrets.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN }}
-          NEXT_PUBLIC_FIREBASE_PROJECT_ID: ${{ secrets.NEXT_PUBLIC_FIREBASE_PROJECT_ID }}
-          NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET: ${{ secrets.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET }}
-          NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID: ${{ secrets.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID }}
-          NEXT_PUBLIC_FIREBASE_APP_ID: ${{ secrets.NEXT_PUBLIC_FIREBASE_APP_ID }}
-          NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID: ${{ secrets.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID }}
-          NEXTAUTH_URL: ${{ secrets.NEXTAUTH_URL }}
-          NEXTAUTH_SECRET: ${{ secrets.NEXTAUTH_SECRET }}
-          # Just set it up for Vercel only
-          # FIREBASE_PROJECT_ID, FIREBASE_CLIENT_EMAIL, FIREBASE_PRIVATE_KEY
+          NEXT_PUBLIC_NHOST_SUBDOMAIN: ${{ secrets.NEXT_PUBLIC_NHOST_SUBDOMAIN }}
+          NEXT_PUBLIC_NHOST_REGION: ${{ secrets.NEXT_PUBLIC_NHOST_REGION }}
           HASURA_GRAPHQL_ENDPOINT: ${{ secrets.HASURA_GRAPHQL_ENDPOINT }}
           HASURA_GRAPHQL_ADMIN_SECRET: ${{ secrets.HASURA_GRAPHQL_ADMIN_SECRET }}
-          HASURA_GRAPHQL_API_PATHS_GRAPHQL: ${{ secrets.HASURA_GRAPHQL_API_PATHS_GRAPHQL }}
 
       - name: Run lint 👀
         run: pnpm lint

.prettierignore

@@ -8,9 +8,11 @@ out/
 # Custom
 .turbo
 .vercel
-/apps/firebase/functions/lib
 /apps/mockup/public/script.js
 /apps/mockup/public/styles.css
+/apps/nhost/.nhost
+/apps/nhost/nhost/config.yaml
+/apps/nhost/nhost/metadata
 /apps/storybook/storybook-static
 /apps/web/src/lib/$path.ts
 /packages/generated/dist

README.md

@@ -15,11 +15,8 @@ Monorepo template for creating a web service with Next.js.
 
 - **Apps**
 
-  - [`firebase`](./apps/firebase/README.md):  
-    [Firebase Local Emulator Suite](https://firebase.google.com/docs/emulator-suite) and Firebase settings.
-    [Firebase (Authentication/Firestore/Functions/Storage)](https://firebase.google.com/)
-  - [`hasura`](./apps/hasura/README.md):  
-    [Hasura](https://hasura.io/) on Docker and [Hasura Cloud](https://hasura.io/cloud/) settings.
+  - [`nhost`](./apps/nhost/README.md):  
+    [Nhost](https://nhost.io/) dev server for prod/test server migration
   - [`mockup`](./apps/mockup/README.md): [[Demo](https://nextjs-template-mockup.usagizmo.com/)]  
     A starting point for building a static site.
   - [`storybook`](./apps/storybook/README.md): [[Demo](https://nextjs-template-storybook.usagizmo.com/)]  
@@ -28,8 +25,8 @@ Monorepo template for creating a web service with Next.js.
     A starting point for building a Next.js application.  
     [Next.js](https://nextjs.org/) x [Tailwind CSS](https://tailwindcss.com/) (w/ [TypeScript](https://www.typescriptlang.org/))  
     Page Transition ([react-transition-group](https://reactcommunity.org/react-transition-group/) x [GSAP](https://greensock.com/gsap/))  
-    [pathpida](https://github.com/aspida/pathpida) / [NextAuth](https://next-auth.js.org/) / [Jotai](https://jotai.org/)  
-    [React Query](https://react-query.tanstack.com/) (w/ [GraphQL Code Generator](https://www.graphql-code-generator.com/))
+    [pathpida](https://github.com/aspida/pathpida) / [Jotai](https://jotai.org/)  
+    [Nhost](https://nhost.io/) (w/ [Apollo Client](https://www.apollographql.com/apollo-client) x [GraphQL Code Generator](https://www.graphql-code-generator.com/))
 
 - **Packages**
 
@@ -67,24 +64,17 @@ pnpm clean   # rm .turbo, node_module and generated files
 
 ## List of listening port numbers
 
+- `1337`: `apps/nhost/` - Hasura
+  - `* (auto)`: GraphQL Endpoint
+  - `* (auto)`: MailHog
 - `3000`: `apps/web/` - Next.js application
-- `4000`: `apps/firebase/` - Emulator UI
-  - Services
-    - `9099`: Authentication
-    - `5001`: Functions
-    - `8080`: Firestore
-    - `8085`: Pub/Sub
-    - `9199`: Storage
-  - `4400`: Emulator Hub
-  - `4500`: Other reserved port
 - `6006`: `apps/storybook/` - Storybook
 - `8000`: `apps/mockup/` - Static site
 - `49160`: `apps/mockup/` - Express server
-- `49180`: `apps/hasura/` - Hasura
 
 ## Registering environment variables for GitHub / Vercel
 
-If you need to prepare the GitHub / Vercel environment, you will need to set the environment variables (the contents of `.env`) at build time.
+If you need to prepare GitHub / Vercel environment, you need to set environment variables (`.env` items) in each service.
 
 ## Deploy to Vercel