diff --git a/.eslintignore b/.eslintignore index 6a0278cb..a48cf0de 100644 --- a/.eslintignore +++ b/.eslintignore @@ -1 +1 @@ -public/assets +public diff --git a/README.md b/README.md index f6557e3c..3de0e58b 100644 --- a/README.md +++ b/README.md @@ -20,6 +20,8 @@ I will maintain the starter boilerplate and keep all of the technologies on tren ## Real Case Study +> 💡 If you have built a production web app based on this starter, please open a PR to add it here. + - [Spinny](https://www.spinny.com) is a fully inspected highest quality second hand cars with money-back guarantee. simple and transparent buying. - [BAM Music](https://www.bammusic.com) is a new generation of music platform for audio visual professionals, filmmakers and content producers. Upgrade your soundtrack with great music that emphasizes your story! - [Rendah Mag](https://www.rendahmag.com) is a music magazine which exists to bring exposure to an ever-growing community, focusing on the latest Halftime, Beats & Experimental news & releases. Congrats for the amazing product. @@ -47,18 +49,18 @@ Really cool starter boilerplate with the most popular technologies: - [loadable-component](https://github.com/smooth-code/loadable-components) to lazy load a component when needed. Reduce your bundle size without stress. - [Webpack Dev Middleware](https://github.com/webpack/webpack-dev-middleware) serves the files emitted from webpack over the Express server. - [Webpack Hot Middleware](https://github.com/glenjamin/webpack-hot-middleware) allows you to add hot reloading into the Express server. -- [css-modules-require-hook](https://github.com/css-modules/css-modules-require-hook) compiles CSS Modules in runtime for SSR. -- [asset-require-hook](https://github.com/aribouius/asset-require-hook) allows your assets files required during runtime for SSR. - [webpack-manifest-plugin](https://github.com/danethurber/webpack-manifest-plugin) generates an assets manifest with hash so you can use them for SSR. - [Webpack Bundle Analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer) creates a visualize size of webpack output files with an interactive zoomable treemap. - [helmet](https://github.com/helmetjs/helmet) helps secure Express apps with various HTTP headers. +- [hpp](https://github.com/analog-nico/hpp) protects against HTTP Parameter Pollution attacks. +- [compression](https://github.com/expressjs/compression) decreases the amount of downloadable data for your web app. - [morgan](https://github.com/expressjs/morgan) the HTTP request logger for server side debugging. - [ESLint](http://eslint.org) to maintain a consistent TypeScript/JavaScript code style (with Airbnb configuration). -- [StyleLint](http://stylelint.io) to maintain a consistent css/scss code style. +- [stylelint](http://stylelint.io) to maintain a consistent CSS/SASS code style. - [Prettier](https://prettier.io) to format code and style. - CSS and SASS support with [PostCSS](https://github.com/postcss/postcss-loader) for advanced transformations (e.g. autoprefixer, cssnext etc.). [CSS modules](https://github.com/css-Modules/css-Modules) enabled. -- - Image (optimized/compressed by [Imagemin Webpack](https://github.com/webpack-contrib/image-minimizer-webpack-plugin)) and Font support. +- Minimize JavaScript (by [terser-webpack-plugin](https://github.com/webpack-contrib/terser-webpack-plugin)) and CSS (by [css-minimizer-webpack-plugin](https://github.com/webpack-contrib/css-minimizer-webpack-plugin)) bundles for you. - Split vendor's libraries from client bundle. - No other view engines, just JavaScript based HTML rendering component. - Shared app configuration between development and production. @@ -112,24 +114,25 @@ Now the app should be running at [http://localhost:8080](http://localhost:8080) I use [cross-env](https://github.com/kentcdodds/cross-env) to set and use environment variables across platforms. All of the scripts are listed as following: -| `yarn