Simple but pretty unicorn rainbow error pages for webserver 40x/50x HTTP errors
.github | ||
configuration | ||
dist | ||
src | ||
.babelrc | ||
.eslintrc | ||
.gitignore | ||
.prettierrc | ||
.sasslintrc | ||
.travis.yml | ||
CHANGELOG.md | ||
LICENSE | ||
package-lock.json | ||
package.json | ||
postcss.config.js | ||
README.md | ||
SECURITY.md | ||
svgo.config.js | ||
tailwind.config.js | ||
webpack.config.js |
73k.us custom rainbow error pages (40x/50x)
Based off frontend-webpack-boilerplate with TailwindCSS added.
Builds html & css that can be used as custom error pages with, e.g., nginx.
NOTE
After production build, optionally remove the app.js script tags from the built files, just to optimize things further.
nginx example
This could probably be optimized but it's working:
# Custom Unicorn Rainbow error pages
location /err_css {
root /var/www/err;
autoindex off;
expires max;
}
location /err_images {
root /var/www/err;
autoindex off;
expires max;
}
error_page 403 404 /40x.html;
location = /40x.html {
root /var/www/err;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /var/www/err;
}