aleleba/create-react-ssr
1
0
Fork 0
mirror of https://github.com/aleleba/create-react-ssr.git synced 2025-10-30 21:51:01 -06:00
Code Issues Packages Projects Releases Wiki Activity

PR-012419: fixing issue of routing of subroute and updating dependencies.

Browse Source
This commit is contained in:
Alejandro Lembke Barrientos
2024-08-29 02:59:06 +00:00
parent 54bf81f687
commit 517b7c5184
4 changed files with 2646 additions and 2819 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@@ -8,10 +8,10 @@ Tech(Library or Framework) | Version |
--- | --- | --- | --- |
React (Render Library) | 18.3.1 React (Render Library) | 18.3.1
Redux (Global State Management) | 5.0.1 Redux (Global State Management) | 5.0.1
React Router DOM (Routing) | 6.23.0 React Router DOM (Routing) | 6.26.1
Jest (Testing) | 29.7.0 Jest (Testing) | 29.7.0
Cypress (E2E Testing) | 13.8.1 Cypress (E2E Testing) | 13.14.0
Typescript | 5.4.5 Typescript | 5.5.4
## Setup ## Setup
To create a new project run in the terminal: To create a new project run in the terminal:

5389
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

58
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "@aleleba/create-react-ssr", "name": "@aleleba/create-react-ssr",
"version": "3.9.23", "version": "3.9.24",
"description": "Starter Kit of server side render of react", "description": "Starter Kit of server side render of react",
"bin": "./bin/cli.js", "bin": "./bin/cli.js",
"main": "src/server/index", "main": "src/server/index",
@@ -36,7 +36,7 @@
}, },
"homepage": "https://github.com/aleleba/create-react-ssr#readme", "homepage": "https://github.com/aleleba/create-react-ssr#readme",
"dependencies": { "dependencies": {
"@babel/register": "^7.23.7", "@babel/register": "^7.24.6",
"dotenv": "^16.4.5", "dotenv": "^16.4.5",
"express": "^4.19.2", "express": "^4.19.2",
"helmet": "^7.1.0", "helmet": "^7.1.0",
@@ -44,11 +44,11 @@
"ignore-styles": "^5.0.1", "ignore-styles": "^5.0.1",
"react": "^18.3.1", "react": "^18.3.1",
"react-dom": "^18.3.1", "react-dom": "^18.3.1",
"react-redux": "^9.1.1", "react-redux": "^9.1.2",
"react-router-dom": "^6.23.0", "react-router-dom": "^6.26.1",
"react-router-hash-link": "^2.4.3", "react-router-hash-link": "^2.4.3",
"redux": "^5.0.1", "redux": "^5.0.1",
"webpack": "^5.91.0", "webpack": "^5.94.0",
"webpack-dev-server": "^5.0.4", "webpack-dev-server": "^5.0.4",
"webpack-manifest-plugin": "^5.0.0", "webpack-manifest-plugin": "^5.0.0",
"workbox-background-sync": "^7.1.0", "workbox-background-sync": "^7.1.0",
@@ -65,56 +65,56 @@
"workbox-streams": "^7.1.0" "workbox-streams": "^7.1.0"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.24.4", "@babel/core": "^7.25.2",
"@babel/preset-env": "^7.24.4", "@babel/preset-env": "^7.25.4",
"@babel/preset-react": "^7.24.1", "@babel/preset-react": "^7.24.7",
"@babel/preset-typescript": "^7.24.1", "@babel/preset-typescript": "^7.24.7",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.13", "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
"@redux-devtools/extension": "^3.3.0", "@redux-devtools/extension": "^3.3.0",
"@testing-library/jest-dom": "^6.4.2", "@testing-library/jest-dom": "^6.5.0",
"@testing-library/react": "^15.0.5", "@testing-library/react": "^16.0.0",
"@testing-library/user-event": "^14.5.2", "@testing-library/user-event": "^14.5.2",
"@types/jest": "^29.5.12", "@types/jest": "^29.5.12",
"@types/node": "^20.12.7", "@types/node": "^22.5.1",
"@types/react": "^18.3.1", "@types/react": "^18.3.4",
"@types/react-dom": "^18.3.0", "@types/react-dom": "^18.3.0",
"@types/webpack": "^5.28.5", "@types/webpack": "^5.28.5",
"@types/webpack-hot-middleware": "^2.25.9", "@types/webpack-hot-middleware": "^2.25.9",
"@types/webpack-node-externals": "^3.0.4", "@types/webpack-node-externals": "^3.0.4",
"@typescript-eslint/eslint-plugin": "^7.7.1", "@typescript-eslint/eslint-plugin": "^8.3.0",
"@typescript-eslint/parser": "^7.7.1", "@typescript-eslint/parser": "^8.3.0",
"babel-jest": "^29.7.0", "babel-jest": "^29.7.0",
"babel-loader": "^9.1.3", "babel-loader": "^9.1.3",
"clean-webpack-plugin": "^4.0.0", "clean-webpack-plugin": "^4.0.0",
"compression-webpack-plugin": "^11.1.0", "compression-webpack-plugin": "^11.1.0",
"copy-webpack-plugin": "^12.0.2", "copy-webpack-plugin": "^12.0.2",
"css-loader": "^7.1.1", "css-loader": "^7.1.2",
"css-minimizer-webpack-plugin": "^6.0.0", "css-minimizer-webpack-plugin": "^7.0.0",
"cypress": "^13.8.1", "cypress": "^13.14.0",
"eslint": "^8.57.0", "eslint": "^9.9.1",
"eslint-plugin-react": "^7.34.1", "eslint-plugin-react": "^7.35.0",
"eslint-webpack-plugin": "^4.1.0", "eslint-webpack-plugin": "^4.2.0",
"file-loader": "^6.2.0", "file-loader": "^6.2.0",
"html-webpack-plugin": "^5.6.0", "html-webpack-plugin": "^5.6.0",
"identity-obj-proxy": "^3.0.0", "identity-obj-proxy": "^3.0.0",
"jest": "^29.7.0", "jest": "^29.7.0",
"jest-environment-jsdom": "^29.7.0", "jest-environment-jsdom": "^29.7.0",
"jest-fetch-mock": "^3.0.3", "jest-fetch-mock": "^3.0.3",
"mini-css-extract-plugin": "^2.9.0", "mini-css-extract-plugin": "^2.9.1",
"react-refresh": "^0.14.2", "react-refresh": "^0.14.2",
"resolve-ts-aliases": "^1.0.1", "resolve-ts-aliases": "^1.0.1",
"sass": "^1.75.0", "sass": "^1.77.8",
"sass-loader": "^14.2.1", "sass-loader": "^16.0.1",
"style-loader": "^4.0.0", "style-loader": "^4.0.0",
"terser-webpack-plugin": "^5.3.10", "terser-webpack-plugin": "^5.3.10",
"ts-jest": "^29.1.2", "ts-jest": "^29.2.5",
"typescript": "^5.4.5", "typescript": "^5.5.4",
"url-loader": "^4.1.1", "url-loader": "^4.1.1",
"webpack-cli": "^5.1.4", "webpack-cli": "^5.1.4",
"webpack-dev-middleware": "^7.2.1", "webpack-dev-middleware": "^7.4.2",
"webpack-hot-middleware": "^2.26.1", "webpack-hot-middleware": "^2.26.1",
"webpack-node-externals": "^3.0.0", "webpack-node-externals": "^3.0.0",
"webpack-shell-plugin-next": "^2.3.1", "webpack-shell-plugin-next": "^2.3.2",
"workbox-webpack-plugin": "^7.1.0", "workbox-webpack-plugin": "^7.1.0",
"workbox-window": "^7.1.0" "workbox-window": "^7.1.0"
} }

8
src/server/server.tsx
View File

@@ -73,10 +73,10 @@ if(ENV === 'development'){
} }
const setResponse = (html, preloadedState, manifest) => { const setResponse = (html, preloadedState, manifest) => {
const mainStyles = manifest ? manifest['frontend.css'] : 'assets/main.css'; const mainStyles = manifest ? `/${manifest['frontend.css']}` : '/assets/main.css';
const vendorStyles = manifest ? manifest['vendors.css'] : 'assets/vendors.css'; const vendorStyles = manifest ? `/${manifest['vendors.css']}` : '/assets/vendors.css';
const mainBuild = manifest ? manifest['frontend.js'] : 'assets/app.js'; const mainBuild = manifest ? `/${manifest['frontend.js']}` : '/assets/app.js';
const vendorBuild = manifest ? manifest['vendors.js'] : 'assets/vendor.js'; const vendorBuild = manifest ? `/${manifest['vendors.js']}` : '/assets/vendor.js';
const manifestJson = manifest ? `<link rel="manifest" href="${manifest['manifest.json']}">` : ''; const manifestJson = manifest ? `<link rel="manifest" href="${manifest['manifest.json']}">` : '';
const memoryFs = compiler.outputFileSystem; const memoryFs = compiler.outputFileSystem;
const haveVendor = haveVendorsCss(manifest, memoryFs); const haveVendor = haveVendorsCss(manifest, memoryFs);