Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 6 additions & 7 deletions docs/docs/custom-html.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,10 +27,7 @@ Note: the various props that are rendered into pages _are_ required e.g.

## Inserting HTML into the `<head>`

Anything you render in the `html.js` component will _not_ be made "live" in
the client like other components. If you want to dynamically update your
`<head>` we recommend using
[React Helmet](/plugins/gatsby-plugin-react-helmet/)
Anything you render in the `html.js` component will _not_ be made "live" in the client like other components. If you want to dynamically update your `<head>` we recommend using [Gatsby's Head API](/docs/reference/built-in-components/gatsby-head/).

## Inserting HTML into the `<footer>`

Expand Down Expand Up @@ -58,9 +55,11 @@ You can add custom JavaScript to your HTML document by using React's [`dangerous
<script
dangerouslySetInnerHTML={{
__html: `
var name = 'world';
console.log('Hello ' + name);
`,
var name = 'world';
console.log('Hello ' + name);
`,
}}
/>
```

However, we do recommend that you use [Gatsby's Script API](/docs/reference/built-in-components/gatsby-script/) instead.
14 changes: 14 additions & 0 deletions docs/docs/reference/release-notes/v5.0/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,20 @@ If you're looking for an overview of all breaking changes and how to migrate, pl

If you're curious about our release schedules and which versions are officially supported, head to the [Gatsby Framework Version Support](/docs/reference/release-notes/gatsby-version-support/) document. As of Gatsby 5 we're no longer supporting Gatsby 2 and Gatsby 3.

## Overview Video

Prefer video over text? No problem! Learn more about all the new features in the video below:

<iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/6RwfzZi5gn0"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>

## Slice API

The Slice API allows you to define highly-shared components in your site, which will then inform Gatsby to build those shared components only once. After the files are built, Gatsby will then stitch the resulting markup and JavaScript to the pages that include that shared component. This means that changes to highly-shared components (such as headers, footers, and common layouts) no longer require a rebuild of all pages that use that shared component.
Expand Down