Nextjs14 에서 메타 데이터 설정 방법
웹 개발에서 메타 데이터는 매우 중요합니다.메타 데이터는 SEO 향상, 사용자 경험 개선 등 아주 도움이 되므로 매우 중요합니다.메타 데이터를 정적, 동적으로 설정하는 방법을 알아봅시다! 정적 설정layout.tsx, page.tsx 에서 아래와 같이 셋팅하면 정적으로 셋팅할 수 있습니다.import { Metadata } from 'next' // 정적 메타 데이터export const metadata: Metadata = { title: 'Hello world',} 만약에 자바스크립트를 사용하고 계신다면, metadata 만 export 해주면 됩니다.export const metadata = { title: 'hello world',} 동적 설정동적 설정 또한 layout, page 에서 할 수..
개발../Nextjs
2024. 3. 13. 17:01
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- cors
- AWS
- nextjs14
- nextjs15
- nextjs13
- vue router
- Vite
- vscode
- vue composition api
- NextJS
- Github Actions
- 네이버 서치 어드바이저
- React
- 오블완
- Zustand
- 타입스크립트
- github
- 스벨트
- ChatGPT
- nuxt2
- NUXT
- 서버 to 서버
- 티스토리챌린지
- dockerfile
- Git
- svelte
- nodejs
- 깃허브
- openAI
- seo
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
글 보관함