#8 set up amp (#12)

* #8 set install script

* #8 Set up amp

* #8 Fix deploy script

* #8 Updated packages

package.json

@@ -10,8 +10,9 @@
         "serve": "firebase serve",
         "predeploy": "npm run build-all",
         "deploy": "firebase deploy",
-        "build-all": "npm run build-next && npm run build-firebase && cp -R src/functions/next .",
+        "build-all": "npm run clean && npm run build-next && npm run build-firebase && mkdir src/functions/app && cp -R src/app/next src/functions/app",
         "build-next": "cd \"src/app\" && npm install && npm run build",
-        "build-firebase": "cd \"src/functions\" && npm install"
+        "build-firebase": "cd \"src/functions\" && npm install",
+        "clean": "rm -rf src/functions/app"
     }
 }

src/app/next.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  distDir: "../functions/next"
+  distDir: "./next"
 };

src/app/package.json

@@ -2,9 +2,9 @@
     "name": "app",
     "version": "1.0.0",
     "dependencies": {
-        "next": "9.3.1",
-        "react": "^16.13.0",
-        "react-dom": "^16.13.0"
+        "next": "^9.4.4",
+        "react": "^16.13.1",
+        "react-dom": "^16.13.1"
     },
     "scripts": {
         "dev": "next",

src/app/pages/index.tsx

@@ -1,7 +1,15 @@
 import App from "../components/App";
+import { useAmp } from "next/amp";
 
-export default () => (
-  <App>
-    <p>Index Page</p>
-  </App>
-);
+export const config = { amp: "hybrid" };
+
+export default () => {
+  const isAmp = useAmp();
+
+  return (
+    <App>
+      <p>Index Page</p>
+      {isAmp ? <p>Amp site</p> : <p>Regular site</p>}
+    </App>
+  );
+};

src/functions/.gitignore

@@ -1 +1,2 @@
-next
+next
+app

src/functions/index.js

@@ -3,7 +3,8 @@
 const functions = require("firebase-functions");
 const next = require("next");
 
-const app = next({ dev: false, conf: { distDir: "next" } });
+const dir = __dirname + "/app";
+const app = next({ dev: false, dir, conf: { distDir: "next" } });
 const handle = app.getRequestHandler();
 
 exports.next = functions.https.onRequest(async (req, res) => {

src/functions/package.json

@@ -3,9 +3,9 @@
     "description": "Cloud Functions for Firebase",
     "version": "1.0.0",
     "dependencies": {
-        "next": "9.3.1",
-        "react": "^16.13.0",
-        "react-dom": "^16.13.0",
+        "next": "^9.4.4",
+        "react": "^16.13.1",
+        "react-dom": "^16.13.1",
         "firebase-admin": "~8.9.2",
         "firebase-functions": "^3.3.0"
     },