initial commit for vercel deployment

.env.sample

@@ -1,3 +1,5 @@
+NODE_ENV = 'development'
+
 PORT=
 MONGODB_URI=
 

backend/server.js

@@ -1,4 +1,6 @@
-require("dotenv").config();
+if (process.env.NODE_ENV !== "production") {
+  require("dotenv").config();
+}
 require("./services/SentryService");
 require("./database/connectDBs");
 
@@ -56,7 +58,6 @@ app.use(responseTime({ digits: 2 }));
 
 app.use(passport.initialize());
 
-
 ///////////////////////////////////////////////////////////// ROUTES /////////////////////////////////////////////////////////////////
 app.get("/", async (req, res, next) => {
   res.send({ message: "Awesome it works 🐻" });
@@ -81,5 +82,13 @@ app.use((err, req, res, next) => {
   });
 });
 
+// static files (build of your frontend)
+if (process.env.NODE_ENV === "production") {
+  app.use(express.static(path.join(__dirname, "../frontend", "build")));
+  app.get("/*", (req, res) => {
+    res.sendFile(path.join(__dirname, "../frontend", "build", "index.html"));
+  });
+}
+
 const PORT = process.env.PORT || 4000;
 app.listen(PORT, () => console.log(`🚀 @ http://localhost:${PORT}`));

frontend/package.json

@@ -1,6 +1,7 @@
 {
   "name": "frontend",
-  "version": "0.1.0",
+  "homepage": "https://noteups.vercel.app",
+  "version": "1.0.0",
   "private": true,
   "dependencies": {
     "@auth0/auth0-react": "^1.10.1",

frontend/src/App.js

@@ -28,7 +28,7 @@ function App() {
   const token = localStorage.getItem("token");
 
   return (
-    <BrowserRouter>
+    <BrowserRouter basename="/">
       <NavBar />
 
       <div className="App">

vercel.json

@@ -0,0 +1,20 @@
+{
+  "version": 2,
+  "builds": [
+    {
+      "src": "./backend/server.js",
+      "use": "@vercel/node"
+    },
+    {
+      "src": "./frontend/build",
+      "use": "@vercel/static"
+    }
+  ],
+
+  "rewrites": [
+    {
+      "source": "/(.*)",
+      "destination": "/backend/server.js"
+    }
+  ]
+}