Light mode is just as nice

Excited to share the latest ray.⁠so partner theme for Trigger.dev!

Beautiful collab with @DKP__ @maverickdotdev

Try it -> ray.so/triggerdev

A route handler gets the original favicon from google's favicon api, then uses next/og to generate a new icon with the glow on top.

In the page itself we use generateMetadata to call the route with the blocked website domain.

tiny detail from Raycast Focus: whenever you try to visit a blocked website we dynamically generate a new favicon with the focus glow on top to show that the website is blocked.

fidgeting friday

We added support for optimized images with next/image by using rehype-img-size. This tool automatically adds width and height to all images, which are then passed to next/image in mdx-components.tsx.

One downside of not using something like contentlayer is we don't get type-safe metadata - we solve this by validating the metadata for each mdx file.

We export a getPost function that gets the MDX content and the post metadata which is exported as an object from the mdx
cheers to karlhorky for his demo repo github.com/karlhorky/ne...

The Raycast blog has received a small makeover!

We looked at a lot of options on how to handle mdx in nextjs before deciding to go with just @⁠next/mdx with await import().