More polish to Cloud's deployment page

• added custom meta titles across the entire app including deployment status updates on the deployment page
• added a small ring around the favicon indicator to give it a little separation from the Cloud logo
• added the blue version of the favicon to differentiate between building and deploying
• simplified the expand all/collapse all button to an icon version and moved it so it takes up less space
• ensured the step durations on the deployment page get updated at least once per second

Attio-inspired Laravel logo interaction

I was inspired by the Attio Developer Platform hero logo interaction, so I challenged myself to create something similar with the Laravel logo. Best experienced on desktop.

NPS survey icon animation

I collaborated with Fay on a nice animation for the success state when users submit the NPS survey. It adds a little extra delight to the experience.

Custom scrollbar colors

A subtle detail that can make your app feel just a little more polished: set the scrollbar-color CSS property to match the colors of the app. It's especially helpful in secondary scroll elements like sidebars and code blocks.

Here's a quick before/after using the Tailwind docs.

Invoice preview skeleton

Invoice previews were causing some really slow page loads (something outside of our control). So I used Inertia's deferred props and added a skeleton loading state.

Scroll to validation errors

I built a React hook that always ensures validation errors are scrolled into view when a form is submitted. It works for forms directly on the page and forms inside long modals.

Long command preview tooltip

Someone reported that long commands were overflowing the list here. Instead of just truncating them, Fay designed this really nice tooltip for long commands.

Open invoices skeleton loader

I built this skeleton loader for the open invoices modal in Laravel Cloud. It's a small thing, but it's nicer than a loading spinner and makes the experience feel faster for the user.

It's also nice that we know how many open invoices there are up front, so we can tailor the skeleton to match and there are no layout shifts when the data finished loading.

Laravel Cloud preview environments

One of my favorite features I built for Laravel Cloud has been preview environments. With the click of a few buttons, you can have Laravel Cloud spin up new environments anytime a new PR is submitted to your repo.

Laravel Cloud + Nightwatch integration

After Laravel Nightwatch was launched, I built an integration with Laravel Cloud so users can set up Nightwatch on their Cloud environments super quickly.