Posts from Queen Raae & Family

This week marks the last unauthorized and rum-fueled treasure hunt around the Gatsby islands for the season.

On yesterday's unauthorized and rum-fueled treasure hunt in the sharky waters around the Gatsby islands, we played around with remote images again.

There is a new solutions to Third-party scripts with Gatsby: the Script Component.

Last month Benedikt and I interviewed Pierre de Wulf, co-founder of Scraping Bee, for the Slow&Steady podcast.

In person conferences seems to back, at least my Twitter feed is full of photos of devs having fun 🤩 We'll be joining the fun time at the end of the month when the whole family heads to React Norway!

We had fun with the Stripe CLI in yesterday's unauthorized and rum-fueled treasure hunt in the sharky waters around the Gatsby islands while refactoring the Stripe Webhook of our price-winning Gatsby FuncJam entry to use the raw body for Stripe verificati…

Ready to get going with Serverless Functions?

As mentioned in Stripe Event validation in a Gatsby Serverless Function, getting the raw body in a Gatsby Serverless Functions did not work in development.

Ola and I will be focusing on the Cloudinary Plugins this week.

We covered the two ways to paginate through API results when sourcing data on yesterday's unauthorized and rum-fueled treasure hunt in the sharky waters around the Gatsby islands.

Before Gatsby v4, you could mutate a node directly, and it would work.

In yesterday's email I mentioned you must only create nodes within sourceNodes and onCreateNode.

With Gatsby v4 came a much strickter approach to node creation.

It's structured content week!

We added back support for downloading the YouTube thumbnails as local file nodes on yesterday's apparently deceiful and spam-packed treasure hunt in the sharky waters around the Gatsby islands We removed it in exchanging for ImageCDN on a treasure hunt wi…

If you are new to serverless, you might have thought nothing of yesterday's "Using Http Request Body" example. export default function handler(req, res) { const { city, year } = req.body; res.send(`You time-travelled to ${city}, in year ${year}`); }…

How do you get data into a serverless function?

Last week's release from Gatsby was a fun one, v4.14: Experimental: GraphQL Typgen Improvements in Image and Font Loading Times Gatsby Functions Body Parsing Configuration gatsby-source-drupal: Image CDN Support Updated Default Starter I am especially exc…

Next time you start on a Gatsby Plugin, you might want to use our Gatsby Plugin Starter: It sets you up for success with a yarn monorepo project with a folder for your plugin and a folder for your demo.

When scraping Crowdcast for webinars to add to the Gatsby Data Layer last week we got back some funny looking paths: /e/gatsby-gotchas-react/register?

We had so much fun scraping Crowdcast with ScrapingBee last week that we'll continue with scraping the cover images into the Gatsby Content Layer as well on Thursday!

Pierre de Wulf, co-founder of ScrapingBee joined us on yesterday's unauthorized and rum-fueled treasure hunt in the sharky waters around the Gatsby islands.

This week I gave Ola this task: Redirect from "/signup" to "my.usepow.app/signup" He went forth and used createRedirect, but it was not working when using the "Get Started" button on usepow.app.

All Gatsby nodes need a unique id.

We see a lot of this type of code when looking at source plugins: exports.sourceNodes = async ({ actions }) => { const { createNode } = actions; const data = { hello: "world" }; createNode({ // More fields internal: { // More fields

Last week's focus for me was the Gatsby Remark oEmbed Plugin.

On yesterday's unauthorized and rum-fueled treasure hunt in the sharky waters around the Gatsby islands, we fixed Issue #102: <div> cannot appear as a descendent of <p>.

As mentioned in Tuesday's email: For each MarkdownRemark-node Gatsby Remark oEmbed finds the standalone links, checks the oEmbed provider list for a match, and swaps the link out for the result coming back from the matching provider's oEmbed endpoint.

A Gatsby Webinar from October 2019 with Espen Daløkken from Sanity, Jason Lengstorf from Gatsby (now Netlify), and yours truly on the topic of What Can Gatsby Plugins Do?.

As mentioned yesterday I plan to get a good chunk of work done on the next version of the gatsby-remark-oembed plugin this week.

This week I plan to get a good chunk of work done on the next version of the gatsby-remark-oembed plugin.

In yesterday's email I recommended reading the article How to Create List of Related Content in Gatsby.JS.

While researching how to do related content, I came over this excellent article How to Create List of Related Content in Gatsby.JS.

It's not Monday, but I live in a long and "krokete" country, so the powers that be extended easter by one day way back when.

Next week you'll get a break from my emails and the Thursday stream as it's the Easter holiday here in Norway 🐣 The plan is to break for all school holidays going forward.

Would you like to learn more about SEO in a dev-friendly way?

I first learned about the problem of inconsistent trailing slashes from Monica Lent in her article How to Uncover Non-obvious SEO Mistakes on Gatsby Websites.

The POW!

Are you close to NY?

TLDR: When using the action createNode inside onCreateNode it is super duper important to give the node a parent!

Acknowledging the deterministic nature of createNodeId simplified our Gatsby Source YouTube oEmbed Plugin a smidge, resulting in: const youTubeNodeId = createNodeId(`YouTube >>> ${youTubeId}`); const timestamp = await cache.get(youTubeNodeId); const exist…

Let's start with a definition: In computer science, a deterministic algorithm is an algorithm that, given a particular input, will always produce the same output[...]

Short tip from today's coding session where I needed to make sure all Gatsby related packages were up to date: yarn upgrade --pattern gatsby --latest It will upgrade all packages with gatsby in its name to the latest version.

I am staying in Oslo this week, but next week I'll be in NY and Minneapolis 🇺🇸 I would love to meet you, so let me know if you are close to any of these cities.

On yesterday's unauthorized and rum-fueled treasure hunt in the sharky waters around the Gatsby islands, the great and powerful Ward Peeters helped us add Gatsby ImageCDN support to the YouTube oEmbed plugin.

How can you achieve different page layouts for content with the same content node type but varying content types such as posts, projects, and pages?

How can you achieve different page layouts for content with the same content node type but varying content types?

How can you achieve different page layouts for content with the same content node type but varying content types?

Another week another country.

We are getting advanced today!