react-helmet

2023. 2. 25. 01:34·React

react head에 들어가는 요소를 변경하기 위한 패키지

예를 들어 title을 변경하거나, favicon을 수정하는 경우 사용된다. 

 

react-helmet을 사용해도 seo를 충족시킬 수 없으므로 

seo가 중요한 사이트인경우 SSR을 사용해야한다. 

 

설치 

npm i react-helmet

 

적용

import { Helmet } from "react-helmet";

const coin = () => {
    return (
        <>
            <Helmet>
                <title>페이지 타이틀</title>
            </Helmet>
        </>
    )
}

'React' 카테고리의 다른 글

Recoil 개념  (0) 2023.03.02
React Hook Form  (0) 2023.03.01
styled-components 전역 스타일링 (Global style)  (0) 2023.02.24
기존 CRA프로젝트에 typescript 템플릿 추가하기  (0) 2023.02.22
styled-components로 theme적용하기 with Typescript  (0) 2023.02.22
'React' 카테고리의 다른 글
  • Recoil 개념
  • React Hook Form
  • styled-components 전역 스타일링 (Global style)
  • 기존 CRA프로젝트에 typescript 템플릿 추가하기
ssund
ssund
  • ssund
    ssund의 기술블로그
    ssund
  • 전체
    오늘
    어제
    • TECH (82)
      • Next.js (8)
      • React (25)
      • Vite (1)
      • javascript (17)
      • CSS (6)
      • CS (10)
      • AWS (0)
      • Jest (1)
      • CI|CD (0)
      • 알고리즘 (8)
      • Tools (1)
      • Tips (5)
  • 블로그 메뉴

    • 링크

    • 공지사항

    • 인기 글

    • 태그

      react state management
      웹브라우저구성
      배열요소순서
      redux
      서버컴포넌트
      커머스프로젝트
      app-router
      call signatures
      global-style
      styled-components
      Array.sort()
      reat-head
      theme-provider
      git배포
      nextjs
      JavaScript
      TypeScript
      타입스크립트
      함수와 메서드차이
      React
    • 최근 댓글

    • 최근 글

    • hELLO· Designed By정상우.v4.10.0
    ssund
    react-helmet
    상단으로

    티스토리툴바