{"id":20777856,"url":"https://github.com/bejamas/gatsby-plugin-react-head","last_synced_at":"2025-04-30T18:40:37.929Z","repository":{"id":53369769,"uuid":"198999544","full_name":"bejamas/gatsby-plugin-react-head","owner":"bejamas","description":"Manage document head data with react-head. Provides drop-in server rendering support for Gatsby.","archived":false,"fork":false,"pushed_at":"2021-03-31T06:08:12.000Z","size":69,"stargazers_count":16,"open_issues_count":4,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-11-14T10:14:56.858Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bejamas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-07-26T10:42:02.000Z","updated_at":"2022-12-19T15:36:17.000Z","dependencies_parsed_at":"2022-09-01T06:12:10.802Z","dependency_job_id":null,"html_url":"https://github.com/bejamas/gatsby-plugin-react-head","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bejamas%2Fgatsby-plugin-react-head","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bejamas%2Fgatsby-plugin-react-head/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bejamas%2Fgatsby-plugin-react-head/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bejamas%2Fgatsby-plugin-react-head/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bejamas","download_url":"https://codeload.github.com/bejamas/gatsby-plugin-react-head/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225040556,"owners_count":17411510,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-17T13:17:47.407Z","updated_at":"2024-11-17T13:17:48.387Z","avatar_url":"https://github.com/bejamas.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# gatsby-plugin-react-head\n\nProvides drop-in support for server rendering data added with\n[React Head](https://github.com/tizmagik/react-head/).\n\nReact Head is a component which lets you control your document head using\ntheir React component.\n\nWith this plugin, attributes you add in their component, e.g. title, meta\nattributes, etc. will get added to the static HTML pages Gatsby builds.\n\nThis is important not just for site viewers, but also for SEO -- title and description metadata stored in the document head is a key component used by Google in determining placement in search results.\n\n## Why no react-helmet?\n\nSize comparison:\n\n| Package        | Size                                                                                                                 |\n| -------------- | -------------------------------------------------------------------------------------------------------------------- |\n| `react-helmet` | [![bundlephobia](https://badgen.net/bundlephobia/minzip/react-helmet)](https://bundlephobia.com/result?p=react-head) |\n| `react-head`   | [![bundlephobia](https://badgen.net/bundlephobia/minzip/react-head)](https://bundlephobia.com/result?p=react-head)   |\n\nReact Helmet is great and has more features than React Head, but sometimes you want less than more.\n\n## Install\n\n`npm i gatsby-plugin-react-head react-head`\n\nor\n\n`yarn add gatsby-plugin-react-head react-head`\n\n## How to use\n\nAdd the plugin to the plugins array in your `gatsby-config.js`\n\n```javascript\nplugins: [`gatsby-plugin-react-head`];\n```\n\nYou don't have to do anything else. Render one of head tag components whenever you want to inject a tag in the `\u003chead /\u003e`.\n\n```javascript\nimport React from \"react\";\nimport { Title, Link, Meta } from \"react-head\";\n\nconst Seo = () =\u003e (\n  \u003c\u003e\n    \u003cTitle\u003eHello world!\u003c/Title\u003e\n    \u003cMeta name=\"description\" content=\"Lorem ipsum dolor sit amet.\" /\u003e\n    \u003cLink rel=\"canonical\" content=\"https://bejamas.io/\" /\u003e\n  \u003c/\u003e\n);\n```\n\n## Further reading:\n\n1. [React Head documentation](https://github.com/tizmagik/react-head#readme)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbejamas%2Fgatsby-plugin-react-head","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbejamas%2Fgatsby-plugin-react-head","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbejamas%2Fgatsby-plugin-react-head/lists"}