From c987e1a3763a95e4cb50cd2700d5b1461cedc0d5 Mon Sep 17 00:00:00 2001
From: agatha <agatha@juggalol.com>
Date: Fri, 12 Apr 2024 19:00:45 -0400
Subject: [PATCH] skeleton

---
 .gitignore                    |  3 +++
 package.json                  | 42 +++++++++++++++++++++++++++++++++++
 src/client/components/Home.js |  7 ++++++
 src/index.js                  | 15 +++++++++++++
 webpack.server.js             | 33 +++++++++++++++++++++++++++
 5 files changed, 100 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 package.json
 create mode 100644 src/client/components/Home.js
 create mode 100644 src/index.js
 create mode 100644 webpack.server.js

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b736b4a
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+build
+package-lock.json
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..5049ad8
--- /dev/null
+++ b/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "react-ssr",
+  "version": "1.0.0",
+  "description": "Server side rendering project",
+  "main": "index.js",
+  "scripts": {
+    "dev:build:server": "webpack --config webpack.server.js"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "axios": "0.16.2",
+    "babel-cli": "6.26.0",
+    "babel-core": "6.26.0",
+    "babel-loader": "7.1.2",
+    "babel-preset-env": "1.6.0",
+    "babel-preset-es2015": "6.24.1",
+    "babel-preset-es2017": "6.24.1",
+    "babel-preset-react": "6.24.1",
+    "babel-preset-stage-0": "6.24.1",
+    "compression": "1.7.0",
+    "concurrently": "3.5.0",
+    "express": "4.15.4",
+    "express-http-proxy": "1.0.6",
+    "lodash": "4.17.4",
+    "nodemon": "1.12.0",
+    "npm-run-all": "4.1.1",
+    "react": "16.0.0",
+    "react-dom": "16.0.0",
+    "react-helmet": "5.2.0",
+    "react-redux": "5.0.6",
+    "react-router-config": "1.0.0-beta.4",
+    "react-router-dom": "4.2.2",
+    "redux": "3.7.2",
+    "redux-thunk": "2.2.0",
+    "serialize-javascript": "1.4.0",
+    "webpack": "3.5.6",
+    "webpack-dev-server": "2.8.2",
+    "webpack-merge": "4.1.0",
+    "webpack-node-externals": "1.6.0"
+  }
+}
\ No newline at end of file
diff --git a/src/client/components/Home.js b/src/client/components/Home.js
new file mode 100644
index 0000000..8ef7869
--- /dev/null
+++ b/src/client/components/Home.js
@@ -0,0 +1,7 @@
+import React from "react"; // ES2015 module syntax
+
+const Home = () => {
+    return <div>Home component</div>;
+};
+
+export default Home;
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
new file mode 100644
index 0000000..1c18018
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,15 @@
+const express = require('express'); // CommonJS module syntax
+const React = require('react');
+const renderToString = require('react-dom/server').renderToString;
+const Home = require('./client/components/Home').default;
+const app = express();
+
+app.get('/', (req, res) => {
+    const content = renderToString(<Home />);
+
+    res.send(content);
+});
+
+app.listen(3000, () => {
+    console.log('Listening on port 3000');
+})
\ No newline at end of file
diff --git a/webpack.server.js b/webpack.server.js
new file mode 100644
index 0000000..135be34
--- /dev/null
+++ b/webpack.server.js
@@ -0,0 +1,33 @@
+const path = require('path');
+
+module.exports = {
+    // Tell webpack that we're building a bundle for Node.js, rather than for the browser
+    target: 'node',
+
+    // Tell webpack the root file of our server application
+    entry: './src/index.js',
+
+    // Tell webpack where to put the output file that is generated
+    output: {
+        filename: 'bundle.js',
+        path: path.resolve(__dirname, 'build')
+    },
+
+    // Tell webpack to run babel on every file it runs through
+    module: {
+        rules: [
+            {
+                test: /\.js?$/,
+                loader: 'babel-loader',
+                exclude: /node_modules/,
+                options: {
+                    presets: [
+                        'react',
+                        'stage-0',
+                        ['env', { targets: { browsers: ['last 2 versions'] }}]
+                    ]
+                }
+            }
+        ]
+    }
+};
\ No newline at end of file