목록next seo (1)

미주알고주알

[Next.js] SEO 태그를 사용해 검색 엔진 최적화 적용하기

Next에서 검색 엔진 최적화를 위한 SEO meta 태그의 예시 작성함. 사용법? 원하는 페이지 뷰에 맞게 해당 meta 태그를 같이 사용해주면 된다. 이때, 태그에 들어갈 데이터는 `getServerSideProp`라는 SSR 메소드와 함께 사용하여 초기 렌더링 데이터 자체를 서버에서 먼저 제공하여 말 그대로 검색 엔진 최적화를 완성한다. import Head from 'next/head' import { FC, ReactNode, Fragment } from 'react' import config from '@config/seo_meta.json' const siteUrl = process.env.PUBLIC_SITE_URL const siteBaseUrl = siteUrl ? `https://${..
Next.js 2023. 3. 23. 00:03
이전 Prev 1 Next 다음