Adds SSR/Server for Api calls

.babelrc

@@ -0,0 +1,3 @@
+{
+    "presets": ["@babel/preset-env", "@babel/preset-react"]
+}

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.prettierrc.json

@@ -0,0 +1,6 @@
+{
+    "singleQuote": true,
+    "printWidth": 180,
+    "tabWidth": 4,
+    "trailingComma": "all"
+}

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Shubham Chawla
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,26 @@
+A simple server-side rendered React App.
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `yarn install`
+To install the dependencies
+
+### `yarn start`
+
+Runs the app in the development mode.<br>
+Open [http://localhost:8080](http://localhost:8080) to view it in the browser.
+
+The page will reload if you make edits.<br>
+You will also see any lint errors in the console.
+
+### `yarn build`
+
+To make client side build in `dist/client.js` folder.<br>
+
+### `yarn deploy`
+
+To make server side build in `dist/server.js` folder.<br>
+It correctly bundles React in production mode and optimizes the build for the best performance.<br>
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

config/development.js

@@ -0,0 +1,50 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+module.exports = {
+    entry: path.resolve(__dirname, '..', 'src/index.js'),
+    output: {
+        path: path.resolve(__dirname, '..', 'dist'),
+        filename: 'client.js',
+    },
+    devServer: {
+        contentBase: './dist',
+    },
+    resolve: {
+        extensions: ['.js'],
+        alias: {
+            components: path.resolve(__dirname, '..', 'src/components'),
+        },
+    },
+    module: {
+        rules: [
+            {
+                test: /\.jsx?$/,
+                loader: 'babel-loader',
+                exclude: /node_modules/,
+            },
+            {
+                test: /\.(scss|css)$/,
+                use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
+            },
+            {
+                test: /\.(ttf|eot|otf|svg|png)$/,
+                loader: 'file-loader',
+            },
+            {
+                test: /\.(woff|woff2)$/,
+                loader: 'url-loader',
+            },
+        ],
+    },
+    plugins: [
+        new HtmlWebpackPlugin({
+            template: path.resolve(__dirname, '..', 'index.html'),
+        }),
+        new MiniCssExtractPlugin({
+            filename: 'my-css-build.css',
+            chunkFilename: 'chunk-css-build.css',
+        }),
+    ],
+};

config/server.js

@@ -0,0 +1,47 @@
+const path = require('path');
+const nodeExternals = require('webpack-node-externals');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+module.exports = {
+    entry: path.resolve(__dirname, '..', 'server/index.js'),
+    output: {
+        path: path.resolve(__dirname, '..', 'dist'),
+        publicPath: '/dist/',
+        filename: 'server.js',
+    },
+    target: 'node',
+    externals: [nodeExternals()],
+    resolve: {
+        extensions: ['.js'],
+        alias: {
+            components: path.resolve(__dirname, '..', 'src/components'),
+        },
+    },
+    module: {
+        rules: [
+            {
+                test: /\.jsx?$/,
+                loader: 'babel-loader',
+                exclude: /node_modules/,
+            },
+            {
+                test: /\.(scss|css)$/,
+                use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
+            },
+            {
+                test: /\.(ttf|eot|otf|svg|png)$/,
+                loader: 'file-loader',
+            },
+            {
+                test: /\.(woff|woff2)$/,
+                loader: 'url-loader',
+            },
+        ],
+    },
+    plugins: [
+        new MiniCssExtractPlugin({
+            filename: 'my-css-build.css',
+            chunkFilename: 'chunk-css-build.css',
+        }),
+    ],
+};