Simple but pretty unicorn rainbow error pages for webserver 40x/50x HTTP errors
Find a file
2021-08-02 17:48:22 -04:00
.github initial commit 2021-08-02 17:05:36 -04:00
configuration initial commit 2021-08-02 17:05:36 -04:00
src fixed asset paths 2021-08-02 17:48:22 -04:00
.babelrc initial commit 2021-08-02 17:05:36 -04:00
.eslintrc initial commit 2021-08-02 17:05:36 -04:00
.gitignore initial commit 2021-08-02 17:05:36 -04:00
.prettierrc initial commit 2021-08-02 17:05:36 -04:00
.sasslintrc initial commit 2021-08-02 17:05:36 -04:00
.travis.yml initial commit 2021-08-02 17:05:36 -04:00
CHANGELOG.md initial commit 2021-08-02 17:05:36 -04:00
LICENSE initial commit 2021-08-02 17:05:36 -04:00
package-lock.json initial commit 2021-08-02 17:05:36 -04:00
package.json enable tailwind purge for production 2021-08-02 17:14:49 -04:00
postcss.config.js initial commit 2021-08-02 17:05:36 -04:00
README.md fixed asset paths 2021-08-02 17:48:22 -04:00
SECURITY.md initial commit 2021-08-02 17:05:36 -04:00
svgo.config.js initial commit 2021-08-02 17:05:36 -04:00
tailwind.config.js initial commit 2021-08-02 17:05:36 -04:00
webpack.config.js fixed asset paths 2021-08-02 17:48:22 -04:00

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;
}