ready for deploy

.gitignore

@@ -38,3 +38,10 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# Firebase
+serviceAccountKey.json
+database-debug.log
+firestore-debug.log
+ui-debug.log
+*.cache

README.md

@@ -39,3 +39,29 @@ Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/bui
 ```
 npm install -g firebase-tools
 ```
+
+## Emulate in local
+### Frontend
+```
+npm run dev
+```
+
+### Backend
+Make sure to build the functions before starting the emulator everytime you make changes to the functions
+```
+cd .\functions\
+npm run build
+```
+
+```
+firebase emulators:start
+```
+
+## Deploy to Firebase
+```
+firebase deploy
+```
+if you want to deploy only the functions
+```
+firebase deploy --only functions
+```

functions/.eslintrc.js

@@ -22,11 +22,10 @@ module.exports = {
     "/lib/**/*", // Ignore built files.
     "/generated/**/*", // Ignore generated files.
   ],
-  plugins: ["@typescript-eslint", "import"],
+  plugins: ["@typescript-eslint", "import", "eslint-plugin-unused-imports"],
   rules: {
     quotes: ["error", "double"],
     "import/no-unresolved": 0,
     indent: ["error", 2],
   },
-  plugins: ["eslint-plugin-unused-imports"],
 };

functions/package.json

@@ -15,8 +15,8 @@
   },
   "main": "lib/index.js",
   "dependencies": {
-    "firebase-admin": "^12.6.0",
-    "firebase-functions": "^6.0.1"
+    "firebase-admin": "^12.7.0",
+    "firebase-functions": "^6.1.0"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^5.12.0",

functions/src/index.ts

@@ -7,13 +7,21 @@
  * See a full list of supported triggers at https://firebase.google.com/docs/functions
  */
 
-// import { onRequest } from "firebase-functions/v2/https";
-// import * as logger from "firebase-functions/logger";
+import admin from "firebase-admin";
+import * as logger from "firebase-functions/logger";
+import { onRequest } from "firebase-functions/v2/https";
+import serviceAccount from "./serviceAccountKey.json";
+
+admin.initializeApp({
+  credential: admin.credential.cert(serviceAccount as admin.ServiceAccount),
+});
 
 // Start writing functions
 // https://firebase.google.com/docs/functions/typescript
 
-// export const helloWorld = onRequest((request, response) => {
-//   logger.info("Hello logs!", {structuredData: true});
-//   response.send("Hello from Firebase!");
-// });
+const region = "asia-northeast1";
+
+export const helloWorld = onRequest({ region: region }, (req, res) => {
+  logger.info("Hello log!", { structuredData: true });
+  res.send("Hello World!");
+});

functions/tsconfig.json

@@ -5,11 +5,12 @@
     "noUnusedLocals": true,
     "outDir": "lib",
     "sourceMap": true,
+    "resolveJsonModule": true,
     "strict": true,
-    "target": "es2017"
+    "esModuleInterop": true,
+    "target": "es2017",
+    "moduleResolution": "node"
   },
   "compileOnSave": true,
-  "include": [
-    "src"
-  ]
+  "include": ["src"]
 }

package.json

@@ -21,6 +21,7 @@
     "@types/react-dom": "^18",
     "eslint": "^8.57.1",
     "eslint-config-next": "15.0.2",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-unused-imports": "^4.1.4",
     "stylelint": "^16.10.0",
     "stylelint-config-recess-order": "^5.1.1",

src/app/firebase.ts

@@ -0,0 +1,22 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+// Import the functions you need from the SDKs you need
+import { getAnalytics } from "firebase/analytics";
+import { initializeApp } from "firebase/app";
+// TODO: Add SDKs for Firebase products that you want to use
+// https://firebase.google.com/docs/web/setup#available-libraries
+
+// Your web app's Firebase configuration
+// For Firebase JS SDK v7.20.0 and later, measurementId is optional
+const firebaseConfig = {
+  apiKey: "AIzaSyBLxm_wzrLxPrSypwC9ph8ftGEwF99yVLM",
+  authDomain: "todo-real-c28fa.firebaseapp.com",
+  projectId: "todo-real-c28fa",
+  storageBucket: "todo-real-c28fa.firebasestorage.app",
+  messagingSenderId: "525849418012",
+  appId: "1:525849418012:web:9abf3c10d5553f39a902d9",
+  measurementId: "G-ZLSZV42KFZ",
+};
+
+// Initialize Firebase
+const app = initializeApp(firebaseConfig);
+const analytics = getAnalytics(app);

src/app/page.module.scss

@@ -154,9 +154,3 @@ a.secondary {
     justify-content: center;
   }
 }
-
-@media (prefers-color-scheme: dark) {
-  .logo {
-    filter: invert();
-  }
-}

tsconfig.json

@@ -8,7 +8,7 @@
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",