Introduce firebase

.env.local.example

@@ -0,0 +1 @@
+FIREBASE_DATABASE_EMULATOR_HOST=localhost:9000

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "raduwen-obs-widgets"
+  }
+}

.gitignore

@@ -1,3 +1,6 @@
 node_modules
 .cache
 .next
+*.log
+
+.env.local

README.md

@@ -2,3 +2,21 @@ raduwen-obs-widgets
 ===================
 
 配信用Widget for オレ
+
+## Instllation
+
+```
+yarn install
+cp .env.local.example .env.local
+```
+
+## Run
+### web
+```
+yarn dev
+```
+
+### firebase emulator
+```
+yarn firebase:emulator:start
+```

database.rules.json

@@ -0,0 +1,6 @@
+{
+  "rules": {
+    ".read": true,
+    ".write": false,
+  }
+}

firebase.json

@@ -0,0 +1,16 @@
+{
+  "database": {
+    "rules": "database.rules.json"
+  },
+  "emulators": {
+    "auth": {
+      "port": 9099
+    },
+    "database": {
+      "port": 9000
+    },
+    "ui": {
+      "enabled": true
+    }
+  }
+}

package.json

@@ -9,17 +9,21 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "firebase:emulator:start": "firebase emulators:start"
   },
   "dependencies": {
+    "firebase": "^8.6.2",
     "next": "^10.2.3",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
   "devDependencies": {
+    "@firebase/database-types": "^0.7.2",
     "@types/node": "^14.17.1",
     "@types/react": "^17.0.2",
     "@types/react-dom": "^17.0.2",
+    "firebase-tools": "^9.12.0",
     "typescript": "^4.1.5"
   }
 }