From b8bbdf3799335e3a33f7330b31d4ce61eef1f67a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=92=D0=BB=D0=B0=D0=B4=D0=B8=D1=81=D0=BB=D0=B0=D0=B2=20?=
 =?UTF-8?q?=D0=A7=D0=B8=D0=BA=D0=B0=D0=BB=D0=BA=D0=B8=D0=BD?=
 <vchikalkin@evoleasing.ru>
Date: Fri, 21 Aug 2020 10:14:34 +0300
Subject: [PATCH] configure backend

---
 .gitignore                                 |   3 +
 .vscode/settings.json                      |  11 ++
 package.json                               |  62 +++++++++--
 public/index.html                          |  18 ++-
 src/App.tsx                                |  26 -----
 src/{ => client}/App.css                   |   0
 src/{ => client}/App.test.tsx              |   0
 src/client/App.tsx                         |  18 +++
 src/client/Components/Result.tsx           |   3 +
 src/client/Containers/Main.tsx             |   5 +
 src/client/Elements/Layout/Background.tsx  |   3 +
 src/client/UIKit/grid.js                   | 121 +++++++++++++++++++++
 src/client/UIKit/lib/customStyleProps.js   |  46 ++++++++
 src/client/UIKit/mq.js                     |  34 ++++++
 src/client/UIKit/theme.js                  |  14 +++
 src/client/common/paths.ts                 |  21 ++++
 src/{ => client}/logo.svg                  |   0
 src/{ => client}/serviceWorker.ts          |   0
 src/constants/urls.ts                      |   4 +
 src/core/index.ts                          |   1 +
 src/index.css                              |   8 +-
 src/index.tsx                              |  26 +++--
 src/server/config/connectionOptions.ts     |  23 ++++
 src/server/config/credentials.ts           |   7 ++
 src/server/controllers/UsersController.ts  |  12 ++
 src/server/controllers/ValuesController.ts |  12 ++
 src/server/entities/index.ts               |   1 +
 src/server/index.ts                        |  66 +++++++++++
 src/server/routes/index.ts                 |  10 ++
 src/server/routes/users.ts                 |   8 ++
 src/server/routes/values.ts                |   8 ++
 src/server/tsconfig.json                   |  15 +++
 tsconfig.json                              |  24 ++--
 webpack.config.server.js                   |  39 +++++++
 34 files changed, 590 insertions(+), 59 deletions(-)
 create mode 100644 .vscode/settings.json
 delete mode 100644 src/App.tsx
 rename src/{ => client}/App.css (100%)
 rename src/{ => client}/App.test.tsx (100%)
 create mode 100644 src/client/App.tsx
 create mode 100644 src/client/Components/Result.tsx
 create mode 100644 src/client/Containers/Main.tsx
 create mode 100644 src/client/Elements/Layout/Background.tsx
 create mode 100644 src/client/UIKit/grid.js
 create mode 100644 src/client/UIKit/lib/customStyleProps.js
 create mode 100644 src/client/UIKit/mq.js
 create mode 100644 src/client/UIKit/theme.js
 create mode 100644 src/client/common/paths.ts
 rename src/{ => client}/logo.svg (100%)
 rename src/{ => client}/serviceWorker.ts (100%)
 create mode 100644 src/constants/urls.ts
 create mode 100644 src/core/index.ts
 create mode 100644 src/server/config/connectionOptions.ts
 create mode 100644 src/server/config/credentials.ts
 create mode 100644 src/server/controllers/UsersController.ts
 create mode 100644 src/server/controllers/ValuesController.ts
 create mode 100644 src/server/entities/index.ts
 create mode 100644 src/server/index.ts
 create mode 100644 src/server/routes/index.ts
 create mode 100644 src/server/routes/users.ts
 create mode 100644 src/server/routes/values.ts
 create mode 100644 src/server/tsconfig.json
 create mode 100644 webpack.config.server.js

diff --git a/.gitignore b/.gitignore
index 4d29575..7093f0e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,3 +21,6 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+yarn.lock
+*.log
+package-lock.json
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..0adb7af
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,11 @@
+{
+    "files.exclude": {
+        "**/.git": true,
+        "**/.svn": true,
+        "**/.hg": true,
+        "**/CVS": true,
+        "**/.DS_Store": true,
+        "**/node_modules": true
+    },
+    "explorerExclude.backup": null
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index e7d8d9b..6fc46db 100644
--- a/package.json
+++ b/package.json
@@ -1,25 +1,69 @@
 {
   "name": "evo_calculator",
-  "version": "0.1.0",
+  "version": "0.0.1",
   "private": true,
   "dependencies": {
+    "@babel/code-frame": "^7.10.4",
+    "@babel/helper-split-export-declaration": "^7.11.0",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
-    "@types/jest": "^24.0.0",
-    "@types/node": "^12.0.0",
-    "@types/react": "^16.9.0",
-    "@types/react-dom": "^16.9.0",
+    "axios": "^0.19.2",
+    "body-parser": "^1.19.0",
+    "class-validator": "^0.12.2",
+    "compression": "^1.7.4",
+    "cookie-parser": "^1.4.5",
+    "cors": "^2.8.5",
+    "express": "^4.17.1",
+    "express-node-sspi": "^1.0.1",
+    "helmet": "^4.1.0",
+    "http-errors": "^1.8.0",
+    "lodash": "^4.17.20",
+    "morgan": "^1.10.0",
+    "mssql": "^6.2.1",
+    "node-sspi": "^0.2.8",
+    "nodemon": "^2.0.4",
+    "normalize.css": "^8.0.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
+    "react-redux": "^7.2.1",
+    "react-router": "^5.2.0",
+    "react-router-dom": "^5.2.0",
     "react-scripts": "3.4.3",
-    "typescript": "~3.7.2"
+    "reflect-metadata": "^0.1.13",
+    "rxjs": "^6.6.2",
+    "styled-components": "^5.1.1",
+    "styled-system": "^5.1.5",
+    "ts-loader": "^8.0.2",
+    "typeorm": "^0.2.25",
+    "typescript": "~3.7.2",
+    "webpack-cli": "^3.3.12"
+  },
+  "devDependencies": {
+    "@types/body-parser": "^1.19.0",
+    "@types/compression": "^1.7.0",
+    "@types/cookie-parser": "^1.4.2",
+    "@types/cors": "^2.8.7",
+    "@types/express": "^4.17.7",
+    "@types/morgan": "^1.9.1",
+    "@types/node": "^14.6.0",
+    "@types/react-router-dom": "^5.1.5",
+    "@types/styled-components": "^5.1.2",
+    "agentkeepalive": "^4.1.3",
+    "http-proxy-middleware": "^1.0.5",
+    "webpack-node-externals": "^2.5.1"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "dev": "cross-env NODE_ENV=development concurrently -p name -c \"yellow,magenta,blue\" -n \"webpack-server,nodemon-server,CRA\" \"yarn dev:server:webpack\" \"yarn dev:server:nodemon\" \"yarn dev:client\"",
+    "dev:client": "wait-on -l tcp:3001 && react-scripts start",
+    "dev:server": "concurrently -p name -c \"yellow,magenta\" -n \"webpack-server,nodemon-server\" \"yarn dev:server:webpack\" \"yarn dev:server:nodemon\"",
+    "dev:server:webpack": "webpack --config webpack.config.server.js --watch",
+    "dev:server:nodemon": "rimraf build/server.js && wait-on -l build/server.js && nodemon build/server.js",
+    "build": "yarn build:client && yarn build:server",
+    "build:client": "react-scripts build",
+    "build:server": "cross-env NODE_ENV=production webpack --config webpack.config.server.js"
   },
   "eslintConfig": {
     "extends": "react-app"
diff --git a/public/index.html b/public/index.html
index aa069f2..70ec97a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,19 +2,31 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link
+      rel="icon"
+      href="%PUBLIC_URL%/favicon.ico"
+      crossorigin="use-credentials"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
       content="Web site created using create-react-app"
     />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <link
+      rel="apple-touch-icon"
+      href="%PUBLIC_URL%/logo192.png"
+      crossorigin="use-credentials"
+    />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link
+      rel="manifest"
+      href="%PUBLIC_URL%/manifest.json"
+      crossorigin="use-credentials"
+    />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
diff --git a/src/App.tsx b/src/App.tsx
deleted file mode 100644
index a53698a..0000000
--- a/src/App.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-import logo from './logo.svg';
-import './App.css';
-
-function App() {
-  return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.tsx</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
-    </div>
-  );
-}
-
-export default App;
diff --git a/src/App.css b/src/client/App.css
similarity index 100%
rename from src/App.css
rename to src/client/App.css
diff --git a/src/App.test.tsx b/src/client/App.test.tsx
similarity index 100%
rename from src/App.test.tsx
rename to src/client/App.test.tsx
diff --git a/src/client/App.tsx b/src/client/App.tsx
new file mode 100644
index 0000000..8df110b
--- /dev/null
+++ b/src/client/App.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { ThemeProvider } from "styled-components";
+import { BrowserRouter } from "react-router-dom";
+import theme from "UIKit/theme";
+
+function App() {
+  return (
+    <div className="App">
+      <ThemeProvider theme={theme}>
+        <BrowserRouter>
+          <Layout />
+        </BrowserRouter>
+      </ThemeProvider>
+    </div>
+  );
+}
+
+export default App;
diff --git a/src/client/Components/Result.tsx b/src/client/Components/Result.tsx
new file mode 100644
index 0000000..98d8ab0
--- /dev/null
+++ b/src/client/Components/Result.tsx
@@ -0,0 +1,3 @@
+import React from "react";
+
+export const NotFound = () => <div>404 Not Found</div>;
diff --git a/src/client/Containers/Main.tsx b/src/client/Containers/Main.tsx
new file mode 100644
index 0000000..c560db4
--- /dev/null
+++ b/src/client/Containers/Main.tsx
@@ -0,0 +1,5 @@
+import React from "react";
+
+const Main = () => <div>Main</div>;
+
+export default Main;
diff --git a/src/client/Elements/Layout/Background.tsx b/src/client/Elements/Layout/Background.tsx
new file mode 100644
index 0000000..be6eec5
--- /dev/null
+++ b/src/client/Elements/Layout/Background.tsx
@@ -0,0 +1,3 @@
+import React from "react";
+
+const Background = () => <div></div>;
diff --git a/src/client/UIKit/grid.js b/src/client/UIKit/grid.js
new file mode 100644
index 0000000..982f2ea
--- /dev/null
+++ b/src/client/UIKit/grid.js
@@ -0,0 +1,121 @@
+import styled from 'styled-components';
+import {
+  position,
+  space,
+  display,
+  width,
+  height,
+  maxWidth,
+  minWidth,
+  minHeight,
+  flex,
+  alignSelf,
+  flexDirection,
+  flexWrap,
+  justifyContent,
+  alignItems,
+  textAlign,
+  lineHeight,
+  fontWeight,
+  letterSpacing,
+  color,
+  zIndex,
+  backgroundImage,
+  backgroundSize,
+  backgroundPosition,
+  top,
+  right,
+  bottom,
+  left,
+  order,
+  maxHeight,
+  borders,
+  borderColor,
+  fontSize,
+  borderRadius,
+} from 'styled-system';
+import {
+  overflow,
+  opacity,
+  verticalAlign,
+  userSelect,
+  textTransform,
+  whiteSpace,
+  backgroundColor,
+  flexShrink,
+  fill,
+} from './lib/customStyleProps';
+
+export const BOX_STYLED_SYSTEM = [
+  space,
+  width,
+  height,
+  minWidth,
+  maxWidth,
+  minHeight,
+  maxHeight,
+  overflow,
+  opacity,
+  alignSelf,
+  display,
+  textAlign,
+  position,
+  color,
+  flex,
+  order,
+  top,
+  right,
+  bottom,
+  left,
+  zIndex,
+  backgroundColor,
+  backgroundImage,
+  backgroundSize,
+  backgroundPosition,
+  verticalAlign,
+  borders,
+  borderColor,
+  borderRadius,
+  userSelect,
+  whiteSpace,
+  justifyContent,
+  flexShrink,
+  fill,
+];
+
+export const TEXT_STYLED_SYSTEM = [
+  lineHeight,
+  fontSize,
+  fontWeight,
+  letterSpacing,
+  textTransform,
+  color,
+];
+
+export const Box = styled.div({}, ...BOX_STYLED_SYSTEM, props => props.style);
+Box.displayName = 'Box';
+
+export const Flex = styled(Box)(
+  {
+    display: 'flex',
+  },
+  flexDirection,
+  flexWrap,
+  justifyContent,
+  alignItems
+);
+Flex.displayName = 'Flex';
+
+export const Text = styled.span(...BOX_STYLED_SYSTEM, ...TEXT_STYLED_SYSTEM);
+Text.displayName = 'Text';
+
+export const Image = styled.img`
+  display: block;
+  ${display};
+  ${position};
+  ${width};
+  ${height};
+  ${flex};
+  ${maxHeight};
+  ${maxWidth};
+`;
diff --git a/src/client/UIKit/lib/customStyleProps.js b/src/client/UIKit/lib/customStyleProps.js
new file mode 100644
index 0000000..95b5511
--- /dev/null
+++ b/src/client/UIKit/lib/customStyleProps.js
@@ -0,0 +1,46 @@
+import { style } from 'styled-system';
+
+export const overflow = style({
+  prop: 'overflow',
+  cssProperty: 'overflow',
+});
+
+export const opacity = style({
+  prop: 'opacity',
+  cssProperty: 'opacity',
+});
+
+export const verticalAlign = style({
+  prop: 'verticalAlign',
+  cssProperty: 'verticalAlign',
+});
+
+export const userSelect = style({
+  prop: 'userSelect',
+  cssProperty: 'userSelect',
+});
+
+export const textTransform = style({
+  prop: 'textTransform',
+  cssProperty: 'textTransform',
+});
+
+export const whiteSpace = style({
+  prop: 'whiteSpace',
+  cssProperty: 'whiteSpace',
+});
+
+export const backgroundColor = style({
+  prop: 'backgroundColor',
+  cssProperty: 'backgroundColor',
+});
+
+export const flexShrink = style({
+  prop: 'flexShrink',
+  cssProperty: 'flexShrink',
+});
+
+export const fill = style({
+  prop: 'fill',
+  cssProperty: 'fill',
+});
diff --git a/src/client/UIKit/mq.js b/src/client/UIKit/mq.js
new file mode 100644
index 0000000..0e7fed2
--- /dev/null
+++ b/src/client/UIKit/mq.js
@@ -0,0 +1,34 @@
+import { css } from 'styled-components';
+
+export const screens = {
+  small: 320,
+  mobile: 480,
+  tablet640: 640,
+  tablet: 768,
+  desktop900: 900,
+  desktop: 1024,
+  desktop1280: 1280,
+  desktop1366: 1366,
+  desktop1440: 1440,
+  desktop1680: 1680,
+  desktop1920: 1920,
+  desktop2560: 2560
+};
+
+export const query = Object.keys(screens).reduce((acc, label) => {
+  acc[label] = `(min-width: ${screens[label] / 16}em)`;
+  return acc;
+}, {});
+
+const mq = Object.keys(screens).reduce((acc, label) => {
+  acc[label] = (...args) =>
+    css`
+      @media ${query[label]} {
+        ${css(...args)};
+      }
+    `;
+
+  return acc;
+}, {});
+
+export default mq;
diff --git a/src/client/UIKit/theme.js b/src/client/UIKit/theme.js
new file mode 100644
index 0000000..5673f41
--- /dev/null
+++ b/src/client/UIKit/theme.js
@@ -0,0 +1,14 @@
+import { screens } from './mq';
+
+const ALLOWED_BREAKPOINTS = [
+  //'less'
+  'tablet',
+  'desktop',
+  'desktop1440',
+  'desktop1920',
+  'desktop2560'
+];
+
+export default {
+  breakpoints: ALLOWED_BREAKPOINTS.map(breakpoint => screens[breakpoint] + 'px')
+};
diff --git a/src/client/common/paths.ts b/src/client/common/paths.ts
new file mode 100644
index 0000000..8096b96
--- /dev/null
+++ b/src/client/common/paths.ts
@@ -0,0 +1,21 @@
+import { NotFound } from "Components/Result";
+import Main from "Containers/Main";
+
+const paths = [
+  {
+    id: "Main",
+    name: "Главная",
+    route: "/",
+    content: Main,
+    exact: true,
+  },
+
+  {
+    name: 404,
+    route: undefined,
+    content: NotFound,
+    exact: true,
+  },
+];
+
+export default paths;
diff --git a/src/logo.svg b/src/client/logo.svg
similarity index 100%
rename from src/logo.svg
rename to src/client/logo.svg
diff --git a/src/serviceWorker.ts b/src/client/serviceWorker.ts
similarity index 100%
rename from src/serviceWorker.ts
rename to src/client/serviceWorker.ts
diff --git a/src/constants/urls.ts b/src/constants/urls.ts
new file mode 100644
index 0000000..ae43253
--- /dev/null
+++ b/src/constants/urls.ts
@@ -0,0 +1,4 @@
+export const API_PORT = 3001;
+export const API_URL = "http://localhost:" + API_PORT;
+
+export const CLIENT_DEV_URL = "http://localhost:3000";
diff --git a/src/core/index.ts b/src/core/index.ts
new file mode 100644
index 0000000..cb0ff5c
--- /dev/null
+++ b/src/core/index.ts
@@ -0,0 +1 @@
+export {};
diff --git a/src/index.css b/src/index.css
index ec2585e..a00b16c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,13 +1,15 @@
+@import "~normalize.css";
+
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
     monospace;
 }
diff --git a/src/index.tsx b/src/index.tsx
index f5185c1..b196323 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,14 +1,22 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
+import axios from "axios";
+import React from "react";
+import ReactDOM from "react-dom";
+import App from "./client/App";
+import "./index.css";
+import * as serviceWorker from "./client/serviceWorker";
+import { API_URL } from "./constants/urls";
+
+const isDevelopmentMode = process.env.NODE_ENV === "development";
+
+if (isDevelopmentMode) {
+  axios.defaults.baseURL = API_URL;
+}
 
 ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
+  // <React.StrictMode>
+  <App />,
+  // </React.StrictMode>
+  document.getElementById("root")
 );
 
 // If you want your app to work offline and load faster, you can change
diff --git a/src/server/config/connectionOptions.ts b/src/server/config/connectionOptions.ts
new file mode 100644
index 0000000..d524e7b
--- /dev/null
+++ b/src/server/config/connectionOptions.ts
@@ -0,0 +1,23 @@
+import { ConnectionOptions } from "typeorm";
+import Entities from "../entities";
+import credentials from "./credentials";
+
+const connectionOptions: ConnectionOptions = {
+  type: "mssql",
+  host: credentials.host,
+  schema: "dbo",
+  username: credentials.username,
+  password: credentials.password,
+  database: credentials.database,
+  domain: credentials.domain,
+  entities: Entities,
+  synchronize: true,
+  options: {
+    cryptoCredentialsDetails: {
+      minVersion: "TLSv1",
+    },
+    encrypt: false,
+  },
+};
+
+export default connectionOptions;
diff --git a/src/server/config/credentials.ts b/src/server/config/credentials.ts
new file mode 100644
index 0000000..35c86f3
--- /dev/null
+++ b/src/server/config/credentials.ts
@@ -0,0 +1,7 @@
+export default {
+  host: "localhost",
+  username: "localuser",
+  password: "123",
+  domain: undefined,
+  database: "",
+};
diff --git a/src/server/controllers/UsersController.ts b/src/server/controllers/UsersController.ts
new file mode 100644
index 0000000..86f3bf2
--- /dev/null
+++ b/src/server/controllers/UsersController.ts
@@ -0,0 +1,12 @@
+import { Request, Response } from "express";
+
+class UsersController {
+  static getUser = async (req: Request, res: Response): Promise<void> => {
+    res.send({
+      //@ts-ignore
+      user: req.connection.user,
+    });
+  };
+}
+
+export default UsersController;
diff --git a/src/server/controllers/ValuesController.ts b/src/server/controllers/ValuesController.ts
new file mode 100644
index 0000000..e95f550
--- /dev/null
+++ b/src/server/controllers/ValuesController.ts
@@ -0,0 +1,12 @@
+import { Request, Response } from "express";
+
+class ValuesController {
+  static getValue = async (req: Request, res: Response): Promise<void> => {
+    res.send({
+      a: 1,
+      b: 2,
+    });
+  };
+}
+
+export default ValuesController;
diff --git a/src/server/entities/index.ts b/src/server/entities/index.ts
new file mode 100644
index 0000000..d6d1738
--- /dev/null
+++ b/src/server/entities/index.ts
@@ -0,0 +1 @@
+export default [];
diff --git a/src/server/index.ts b/src/server/index.ts
new file mode 100644
index 0000000..984c35b
--- /dev/null
+++ b/src/server/index.ts
@@ -0,0 +1,66 @@
+import bodyParser from "body-parser";
+import compression from "compression";
+import cors from "cors";
+// import cookieParser from "cookie-parser";
+import express from "express";
+import nodeSSPI from "express-node-sspi";
+import helmet from "helmet";
+import morgan from "morgan";
+import path from "path";
+import "reflect-metadata";
+import routes from "./routes";
+import { CLIENT_DEV_URL, API_PORT } from "../constants/urls";
+
+const isDevelopmentMode = process.env.NODE_ENV === "development";
+
+const buildDir = path.join(
+  process.cwd(),
+  process.env.NODE_ENV === "development" ? "/build" : ""
+);
+
+const app = express();
+
+// app.enable("trust proxy");
+// app.set("trust proxy", "loopback");
+
+/** AUTHENTICATION */
+app.use(
+  nodeSSPI({
+    retrieveGroups: true,
+  })
+);
+
+/** AUTHENTICATION */
+
+/**EXTENTIONS */
+app.use(bodyParser.json());
+app.use(
+  bodyParser.urlencoded({
+    extended: true,
+  })
+);
+app.use(helmet({ contentSecurityPolicy: { reportOnly: true } }));
+
+if (isDevelopmentMode) {
+  app.use(cors({ origin: CLIENT_DEV_URL, credentials: true }));
+}
+// app.use(cookieParser());
+app.use(compression());
+app.use(morgan("tiny"));
+/**EXTENTIONS */
+
+/**ROUTES */
+app.use("/", routes);
+/**ROUTES */
+
+/**CLIENT */
+app.use(express.static(buildDir));
+app.get("*", function (req, res) {
+  res.sendFile(path.join(buildDir, "index.html"));
+});
+/**CLIENT */
+
+console.log("checking port", API_PORT);
+app.listen(API_PORT, () => {
+  console.log(`Server now listening on port: ${API_PORT}`);
+});
diff --git a/src/server/routes/index.ts b/src/server/routes/index.ts
new file mode 100644
index 0000000..afefe14
--- /dev/null
+++ b/src/server/routes/index.ts
@@ -0,0 +1,10 @@
+import { Router } from "express";
+import values from "./values";
+import users from "./users";
+
+const routes = Router();
+
+routes.use("/api/values", values);
+routes.use("/api/users", users);
+
+export default routes;
diff --git a/src/server/routes/users.ts b/src/server/routes/users.ts
new file mode 100644
index 0000000..4ee014d
--- /dev/null
+++ b/src/server/routes/users.ts
@@ -0,0 +1,8 @@
+import UsersController from "../controllers/UsersController";
+import { Router } from "express";
+
+const router = Router();
+
+router.get("/", UsersController.getUser);
+
+export default router;
diff --git a/src/server/routes/values.ts b/src/server/routes/values.ts
new file mode 100644
index 0000000..c494c28
--- /dev/null
+++ b/src/server/routes/values.ts
@@ -0,0 +1,8 @@
+import ValuesController from "../controllers/ValuesController";
+import { Router } from "express";
+
+const router = Router();
+
+router.get("/", ValuesController.getValue);
+
+export default router;
diff --git a/src/server/tsconfig.json b/src/server/tsconfig.json
new file mode 100644
index 0000000..8b7285a
--- /dev/null
+++ b/src/server/tsconfig.json
@@ -0,0 +1,15 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist",
+    "noEmit": false,
+    "sourceMap": true,
+    "module": "esnext",
+    "strict": true,
+    "target": "esnext",
+    "moduleResolution": "node",
+    "noImplicitAny": false
+  },
+  "exclude": ["../../build", "../client"],
+  "include": ["."]
+}
diff --git a/tsconfig.json b/tsconfig.json
index f2850b7..21dafda 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -17,9 +13,19 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react"
+    "jsx": "react",
+    "baseUrl": "src",
+    "paths": {
+      "common/*": ["./client/common/*"],
+      "Components/*": ["./client/Components/*"],
+      "Containers/*": ["./client/Containers/*"],
+      "Elements/*": ["./client/Elements/*"],
+      "hooks/*": ["./client/hooks/*"],
+      "services/*": ["./client/services/*"],
+      "tools/*": ["./client/tools/*"],
+      "UIKit/*": ["./client/UIKit/*"]
+    }
   },
-  "include": [
-    "src"
-  ]
+  "include": ["./src/**/*"],
+  "exclude": ["src/server", "./node_modules/**/*"]
 }
diff --git a/webpack.config.server.js b/webpack.config.server.js
new file mode 100644
index 0000000..bad5030
--- /dev/null
+++ b/webpack.config.server.js
@@ -0,0 +1,39 @@
+const path = require("path");
+const nodeExternals = require("webpack-node-externals");
+
+module.exports = {
+  mode: process.env.NODE_ENV || "development",
+  target: "node",
+  devtool: "inline-source-map",
+  entry: { server: "./src/server/index.ts" },
+  output: {
+    path: path.resolve(__dirname, "build"),
+    filename: "[name].js",
+  },
+  resolve: {
+    extensions: [".ts", ".tsx", ".js"],
+  },
+  // don't compile node_modules
+  externals: [nodeExternals()],
+  optimization: {
+    splitChunks: {
+      chunks: "all",
+    },
+  },
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        use: [
+          {
+            loader: "ts-loader",
+            options: {
+              // use the tsconfig in the server directory
+              configFile: "src/server/tsconfig.json",
+            },
+          },
+        ],
+      },
+    ],
+  },
+};