@nightmaregaurav/react-meta-tags
Version:
Simple react meta tags component.
66 lines (54 loc) • 2.25 kB
Markdown
[](https://badge.fury.io/js/@nightmaregaurav%2Freact-meta-tags) [](http://hits.dwyl.com/nightmaregaurav/react-meta-tags)<br>
[](https://nodei.co/npm/@nightmaregaurav/react-meta-tags/)
***
React Meta Tags is a simple and easy to use React component to add SEO friendly meta tags in the website created with react.
Install react-meta-tags
```bash
npm install @nightmaregaurav/react-meta-tags
```
```typescript
import React from 'react';
import {Helmet} from "react-helmet-async";
import RenderMetaTags from "@nightmaregaurav/react-meta-tags";
const Header = () => {
return (
<Helmet>
<link rel="icon" href="..." />
<link rel="apple-touch-icon" href="..." />
<title>...</title>
{RenderMetaTags({
title: "...",
description: "...",
image: "..."
})}
</Helmet>
);
};
export default Header;
```
***
* Language: Typescript
* Fork the repository
* Clone the forked repository
* Make changes
* Commit and push the changes
* Create a pull request
* Wait for the pull request to be merged
* Celebrate
* Repeat
*If you are new to open source, you can read [this](https://opensource.guide/how-to-contribute/) to learn how to contribute to open source projects.*<br>
*If you are new to GitHub, you can read [this](https://guides.github.com/activities/hello-world/) to learn how to use GitHub.*<br>
*If you are new to Git, you can read [this](https://www.atlassian.com/git/tutorials/learn-git-with-bitbucket-cloud) to learn how to use Git.*<br>
*If you are new to TypeScript, you can read [this](https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html) to learn how to use TypeScript.*<br>
React Meta Tags is released under the MIT License. You can find the full license details in the [LICENSE](LICENSE) file.
Made with ❤️ by [NightmareGaurav](https://github.com/nightmaregaurav).
---
Open For Contribution
---