Samuel kraft

Create beautiful images of your code - Raycast x Trigger.dev Turn your code into beautiful images. Choose from a range of syntax colors, hide or show the background, and toggle between a dark and light window.

ray.so/triggerdev

Trigger.dark Theme - Visual Studio Marketplace Extension for Visual Studio Code - The official Trigger.dev dark mode theme for Visual Studio Code.

If you dig the theme there's even a VSCode/Cursor theme available
marketplace.visualstudio.com/items?itemN...

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

Less chaos, more focus - Raycast Focus Raycast Focus helps you stay in focus by blocking distracting apps and websites.

raycast.com/focus

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.

Raycast Notes - Fast, light and frictionless note-taking Raycast Notes makes it frictionless to organize your thoughts from anywhere on your Mac. Track todos, save meeting notes, and collect ideas. Designed to be lightweight with Markdown support and just a...

if you're not using Raycast Notes yet we built a page to convince you raycast.com/notes

fidgeting friday

making "touchable" the new trend for 2025 🫡

ooooh hell yea

Congrats! that logo makes me want to touch it, looks like some soft grass 😌

Check out the new blog (and maybe subscribe to that RSS feed because @ped.bsky.social will post some hot news later this week) 👉 raycast.com/blog

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().