UNPKG

@nightmaregaurav/react-meta-tags

Version:
66 lines (54 loc) 2.25 kB
## Profile Picture (React) [![npm version](https://badge.fury.io/js/@nightmaregaurav%2Freact-meta-tags.svg)](https://badge.fury.io/js/@nightmaregaurav%2Freact-meta-tags) [![HitCount](https://hits.dwyl.com/nightmaregaurav/react-meta-tags.svg?style=flat)](http://hits.dwyl.com/nightmaregaurav/react-meta-tags)<br> [![NPM](https://nodei.co/npm/@nightmaregaurav/react-meta-tags.png?mini=true)](https://nodei.co/npm/@nightmaregaurav/react-meta-tags/) *** ### Description React Meta Tags is a simple and easy to use React component to add SEO friendly meta tags in the website created with react. ### Installation Install react-meta-tags ```bash npm install @nightmaregaurav/react-meta-tags ``` ### Usage ```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; ``` *** ## Technical Details * Language: Typescript ## How to Contribute * 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> ## License 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 ---