기술#metadata#next.js metadata#generateMetadata
Next.js에서 metadata와 generateMetadata 차이점 및 사용법
Next.js에서 SEO와 메타데이터 설정을 위해 metadata 와 generateMetadata 두 가지 방법을 제공합니다. 1. metadata: 정적 메타데이터 설정 metadata 객체는 빌드 시점에 결정되는 정적 메타데이터를 설정할 때 사용합니다. expor...
2024년 9월 9일190
기술#next.js metadata#Next.js 14 metadata#Nextjs metadata use client
Next.js 14 가장 기본적인 Metadata 설정
Next.js를 사용하면 SEO 최적화라는 얘기가 나옵니다. SSR을 통한 SEO 최적화도 맞지만, 공유성을 높이기 위해서는 Metadata 관리에 대해서도 빠질 수 없습니다. Next.js Metadata란? Metadata는 Next.js에서만 사용하는 게 아닙니다...
2024년 5월 19일169
기술#metadata#next.js metadata#nextjs-seo
metadata와 Next-SEO를 동시에 사용할 필요가 있을까?
Next-SEO 도입은 pages directory를 사용하는 경우에 한합니다. app directory를 사용하는 경우에는 내장된 metadata를 사용하는 것이 SEO에 효과적입니다. pages directory를 사용하는 경우에는 아래를 참고해주세요. next-s...
2024년 2월 19일176
기술#next.js metadata#next.js metadata setting#Nextjs 13 metadata
FrontEnd Next.js 13 App Dir: Metadata 적용
App Directory에서는 기존 Head 대신 metadata를 활용해 HTML 요소를 수정할 수 있습니다. metadata는 layout.js 또는 page.js 파일에서 export const metadata 를 통해 정의할 수 있습니다. 설명 ex...
2024년 2월 18일170