feat: Server side rendering (module-federation#1)

* feat: implementation of server-side rendering

* docs: update README.md

Author: ScriptedAlchemy

.gitignore

@@ -17,6 +17,7 @@ pids
 
 # Directory for instrumented libs generated by jscoverage/JSCover
 lib-cov
+.idea
 
 # Coverage directory used by tools like istanbul
 coverage
@@ -81,6 +82,9 @@ typings/
 # Nuxt.js build / generate output
 .nuxt
 dist
+.next
+buildClient
+buildServer
 
 # Gatsby files
 .cache/

server-side-rendering/README.md

@@ -2,12 +2,12 @@
 
 This example demos a basic host application loading remote component.
 
-- `app1` is the host application.
-- `app2` standalone application which exposes `Button` component.
+- `website1` is the host application.
+- `website2` standalone application which exposes `Header` component.
 
 # Running Demo
 
-Run `yarn start`. This will build and serve both `app1` and `app2` on ports 3001 and 3002 respectively.
+Run `yarn start`. This will build and serve both `website1` and `website2` on ports 3001 and 3002 respectively.
 
 - [localhost:3001](http://localhost:3001/) (HOST)
 - [localhost:3002](http://localhost:3002/) (STANDALONE REMOTE)

server-side-rendering/app1/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "scripts": {
-    "start": "lerna run --scope @server-side-rendering/* --parallel start",
+    "start": "yarn build && yarn serve",
     "build": "lerna run --scope @server-side-rendering/* build",
     "serve": "lerna run --scope @server-side-rendering/* --parallel serve"
   }

server-side-rendering/app1/public/index.html

@@ -0,0 +1,41 @@
+{
+  "presets": [
+    "@babel/preset-react",
+    ["@babel/preset-env", {
+      "targets": {
+        "browsers": ["last 4 versions", "not ie <= 9"]
+      },
+      "modules": false
+    }],
+  ],
+  "env": {
+    "development": {
+      "presets": [
+        "@babel/preset-react",
+        ["@babel/preset-env", {
+          "targets": {
+            "node": "current"
+          }
+        }]
+      ]
+    },
+    "test": {
+      "presets": [
+        "@babel/preset-react",
+        ["@babel/preset-env", {
+          "targets": {
+            "node": "current"
+          }
+        }]
+      ],
+    }
+  },
+  "plugins": [
+    "@babel/plugin-syntax-dynamic-import",
+    "@babel/plugin-proposal-object-rest-spread",
+    "@babel/plugin-syntax-import-meta",
+    ["@babel/plugin-proposal-class-properties", { "loose": false }],
+    "@babel/plugin-proposal-json-strings",
+    "@loadable/babel-plugin"
+  ]
+}

server-side-rendering/app1/server/index.js

@@ -0,0 +1,2 @@
+PORT=3000
+NODE_ENV=development

server-side-rendering/app1/server/server.js

@@ -0,0 +1,2 @@
+PORT=3001
+NODE_ENV=production