승귤입니다

gatsby helmet 사용하기

설치

npm install --save gatsby-plugin-react-helmet react-helmet

설정

gatsby-config.js

{
  plugins: [`gatsby-plugin-react-helmet`]
}

사용법

import React from "react"
import { Helmet } from "react-helmet"

class Application extends React.Component {
  render() {
    return (
      <div className="application">
        <Helmet>
        <meta charSet="utf-8" />
        <title>My Title</title>
        <link rel="canonical" href="http://mysite.com/example" />
        </Helmet>
    </div>
    )
  }
}

나는 구글 아날리스틱 적용이랑 메타의 타이틀을 페이지마다 바꾸는데 사용했다.

끝~


이전글: 개츠비로 코드하이라이팅하기
다음글: 개츠비에 구글 아날리틱스 달기
(2019.5.13) made by seungkyoo