Profile Picture (React)

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

npm install @nightmaregaurav/react-meta-tags

Usage

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 to learn how to contribute to open source projects.
If you are new to GitHub, you can read this to learn how to use GitHub.
If you are new to Git, you can read this to learn how to use Git.
If you are new to TypeScript, you can read this to learn how to use TypeScript.

License

React Meta Tags is released under the MIT License. You can find the full license details in the LICENSE file.

Made with ❤️ by NightmareGaurav.

Package detail

@nightmaregaurav/react-meta-tags

readme