Valet is awesome, but I got seemingly random 502 bad gateway issues on larger sites. After looking in the logs (~/.config/valet/Log) I discovered the error was upstream sent too big header. Googling led me to laravel/valet#290 where the following solution fixed it:
~/.config/valet/Nginx/all.conf with this:proxy_buffer_size 4096k;
proxy_buffers 128 4096k;
proxy_busy_buffers_size 4096k;
/usr/local/etc/nginx/fastcgi_params
| [class*=columns-] { | |
| --columns: 2; | |
| --columns-gutter: 40px; | |
| --columns-width: calc(100% / var(--columns) - var(--columns-gutter)); | |
| display: flex; | |
| flex-wrap: wrap; | |
| justify-content: flex-start; | |
| align-items: stretch; | |
| margin-bottom: calc(var(--columns-gutter) * -1); |
| .placeholder { | |
| background-color: #222; | |
| padding: 80px 0; | |
| text-align: center; | |
| color: rgba(255, 255, 255, .4); | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| } | |
| .placeholder:after { |
| (function ($) { | |
| window.sw_ga = {}; | |
| // | |
| // Events | |
| // | |
| sw_ga.events = [ | |
| // Menu toggle |
| # Compiled source # | |
| ################### | |
| *.class | |
| *.dll | |
| *.exe | |
| *.o | |
| *.so | |
| # Packages # | |
| ############ |
| /* This is a shorter way to do it with css */ | |
| [class*="btn"] { | |
| min-width: 100px; | |
| padding: 1em; | |
| border-radius: 1em; | |
| } | |
| .btn--twitter { | |
| color: #fff; | |
| background: #55acee; | |
| } |
| /** | |
| * | |
| * When you need to use the hash to imitate query parameters, | |
| * like so: | |
| * | |
| * http://whatever.man/#key=value&another_key=another_value | |
| * | |
| **/ | |
| // Set URL to a specific hash. It overrides any existing hash. |
| input[data-onoff]:empty { | |
| margin-left: -9999px; | |
| } | |
| input[data-onoff]:empty ~ label { | |
| position: relative; | |
| float: left; | |
| height: 22px; | |
| line-height: 22px; | |
| text-indent: 50px; |
| //--------------------------------- | |
| // Modify these taxonomy pages to show all posts | |
| // and sort them alphabetically | |
| //--------------------------------- | |
| add_filter('posts_orderby', 'mashcat_alphabetical'); | |
| add_filter('post_limits', 'mashcat_limits'); | |
| function mashcat_alphabetical($orderby) { | |
| if(!is_admin() && (is_tax('foreign-apis') || is_tax('api-tags') || is_tax('mashup-tags'))) { |
| /* | |
| This is pretty much the smallest you can make the firefox screen without programmatically setting the width. | |
| Chrome and Safari prevents you from going below 400px. An iPhone is 320px, and the smallest Android about 240px IIRC. | |
| The site is pretty much useless like this, so... have an egg. | |
| */ | |
| @media only screen and (max-width: 92px) { | |
| body * { | |
| display: none; | |
| } |