Skip to content

Commit b4d88be

Browse files
geekayushgeekayush
authored
Merge pull request #4 from geekayush/SSR-on-cleanup
SSR on cleanup
2 parents 7814917 + c1038c1 commit b4d88be

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

45 files changed

+35399
-0
lines changed

‎05-server-side-rendering/config-overrides.js‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
const { override, addWebpackPlugin } = require('customize-cra');
2+
const HTMLInlineCSSWebpackPlugin = require("html-inline-css-webpack-plugin").default;
3+
// const path = require('path');
4+
5+
module.exports = override(
6+
addWebpackPlugin(new HTMLInlineCSSWebpackPlugin())
7+
);

‎05-server-side-rendering/package-lock.json‎

Lines changed: 33236 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎05-server-side-rendering/package.json‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
{
2+
"name": "03-css-setup",
3+
"version": "0.1.0",
4+
"private": true,
5+
"dependencies": {
6+
"@testing-library/jest-dom": "^5.16.5",
7+
"@testing-library/react": "^13.4.0",
8+
"@testing-library/user-event": "^13.5.0",
9+
"axios": "^0.27.2",
10+
"cors": "^2.8.5",
11+
"customize-cra": "^1.0.0",
12+
"html-inline-css-webpack-plugin": "^1.11.1",
13+
"lodash": "^4.17.21",
14+
"react": "^18.2.0",
15+
"react-app-rewired": "^2.2.1",
16+
"react-dom": "^18.2.0",
17+
"react-redux": "^8.0.2",
18+
"react-router-dom": "^6.3.0",
19+
"react-scripts": "5.0.1",
20+
"redux": "^4.2.0",
21+
"serve-favicon": "^2.5.0",
22+
"web-vitals": "^2.1.4"
23+
},
24+
"scripts": {
25+
"start": "DISABLE_ESLINT_PLUGIN=true NODE_ENV=development react-app-rewired start",
26+
"server:dev": "NODE_ENV=development nodemon ./server/index",
27+
"build": "DISABLE_ESLINT_PLUGIN=true NODE_ENV=production react-app-rewired build",
28+
"serve": "serve -s build",
29+
"server:prod": "NODE_ENV=production nodemon ./server/index",
30+
"ssr": "rm -rf build && npm run build && NODE_ENV=production nodemon ./server/bootstrap"
31+
},
32+
"eslintConfig": {
33+
"extends": [
34+
"react-app",
35+
"react-app/jest"
36+
]
37+
},
38+
"browserslist": {
39+
"production": [
40+
">0.2%",
41+
"not dead",
42+
"not op_mini all"
43+
],
44+
"development": [
45+
"last 1 chrome version",
46+
"last 1 firefox version",
47+
"last 1 safari version"
48+
]
49+
},
50+
"devDependencies": {
51+
"@babel/core": "^7.19.1",
52+
"@babel/node": "^7.19.1",
53+
"@babel/preset-env": "^7.19.1",
54+
"@babel/preset-react": "^7.18.6",
55+
"@babel/register": "^7.18.9",
56+
"ignore-styles": "^5.0.1",
57+
"nodemon": "^2.0.19"
58+
}
59+
}

‎05-server-side-rendering/public/_redirects‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/* /index.html 200

‎05-server-side-rendering/public/favicon.ico‎

3.78 KB
Binary file not shown.

‎05-server-side-rendering/public/index.html‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<!-- <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> -->
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<meta name="theme-color" content="#000000" />
8+
<!-- <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> -->
9+
<!-- <link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> -->
10+
<title>05-server-side-rendering</title>
11+
<!-- <link
12+
href="../src/static/css/typography.css"
13+
rel="stylesheet"
14+
/> -->
15+
16+
<!-- Google CDN Fonts (add preconnect)-->
17+
<!-- <link href="https://fonts.googleapis.com" />
18+
<link href="https://fonts.gstatic.com" crossorigin />
19+
<link
20+
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
21+
rel="stylesheet"
22+
/> -->
23+
<!-- Deliberately done to make it slow -->
24+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
25+
<script src="https://d3js.org/d3.v7.min.js"></script>
26+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/anime.min.js"></script>
27+
</head>
28+
<body>
29+
<noscript>You need to enable JavaScript to run this app.</noscript>
30+
<div id="root"></div>
31+
<script>
32+
window.__INITIAL_STATE__ = __REDUX__;
33+
</script>
34+
</body>
35+
</html>

‎05-server-side-rendering/public/logo192.png‎

5.22 KB
Loading

‎05-server-side-rendering/public/logo512.png‎

9.44 KB
Loading

‎05-server-side-rendering/public/manifest.json‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
{
2+
"short_name": "01-basic-app-setup",
3+
"name": "01-basic-app-setup",
4+
"icons": [
5+
{
6+
"src": "favicon.ico",
7+
"sizes": "64x64 32x32 24x24 16x16",
8+
"type": "image/x-icon"
9+
},
10+
{
11+
"src": "logo192.png",
12+
"type": "image/png",
13+
"sizes": "192x192"
14+
},
15+
{
16+
"src": "logo512.png",
17+
"type": "image/png",
18+
"sizes": "512x512"
19+
}
20+
],
21+
"start_url": ".",
22+
"display": "standalone",
23+
"theme_color": "#000000",
24+
"background_color": "#ffffff"
25+
}

‎05-server-side-rendering/server/api/api.js‎

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
const breeds = require("./breeds.json");
2+
3+
const akita = require("./dogs/akita.json");
4+
const aussiedoodle = require("./dogs/aussiedoodle.json");
5+
const beagle = require("./dogs/beagle.json");
6+
const bernedoodle = require("./dogs/bernedoodle.json");
7+
const bloodhound = require("./dogs/bloodhound.json");
8+
const cockapoo = require("./dogs/cockapoo.json");
9+
10+
const marley = require("./dog/marley.json");
11+
const iris = require("./dog/iris.json");
12+
13+
const getBreeds = (req, res) => {
14+
return new Promise((resolve) => {
15+
setTimeout(() => resolve(breeds), 100);
16+
}).then((response) => res.send(response.data));
17+
};
18+
19+
const getDogs = (req, res) => {
20+
const breed = req.url.substring(1);
21+
return new Promise((resolve) => {
22+
setTimeout(() => resolve(giveBreed(breed)), 100);
23+
}).then((response) => res.send(response.data));
24+
};
25+
26+
const getDog = (req, res) => {
27+
const name = req.url.substring(1);
28+
new Promise((resolve) => {
29+
setTimeout(() => resolve(giveDog(name)), 100);
30+
}).then((response) => res.send(response.data));
31+
};
32+
33+
const giveBreed = (breed) => {
34+
switch (breed) {
35+
case "akita":
36+
return akita;
37+
case "aussiedoodle":
38+
return aussiedoodle;
39+
case "beagle":
40+
return beagle;
41+
case "bernedoodle":
42+
return bernedoodle;
43+
case "bloodhound":
44+
return bloodhound;
45+
case "cockapoo":
46+
return cockapoo;
47+
default:
48+
return akita;
49+
}
50+
};
51+
52+
const giveDog = (name) => {
53+
if (name[0] <= "n") return marley;
54+
else return iris;
55+
};
56+
57+
module.exports = { getBreeds, getDogs, getDog };

0 commit comments

Comments
 (0)