들어가며
이 글은 Next.js 15 버전 환경을 기준으로 작성되었습니다.
1. 배포
[React] Vercel을 이용한 리액트 프로젝트 배포 방법
Vercel 배포 방법 1. github에 레포지토리를 만든다.(Public / Private 모두 가능이기 때문에 소스코드 공유 싫으면 Private로 레포 생성) 2. Vercel 회원가입 및 github 연동 (github으로 회원가입해야 레포지토리
sooncoding.tistory.com
2. 도메인 설정
[Vercel] 가비아를 활용한 Vercel 도메인 변경 방법
1. 도메인 구매아래 링크에서 도메인을 구매한다.( 링크 -> 도메인 -> 도메인 검색) https://domain.gabia.com/regist/regist_domain구매 완료 후 My 가비아 -> 도메인 에서 표시한 도메인 주소를 복사한다 2.
sooncoding.tistory.com
3. SEO 설정
[Next.js] Next15 버전 SEO 설정
Next.js 15버전 기준으로 작성된 글입니다. src / app / layoutimport type { Metadata } from "next";export const metadata: Metadata = { title: "CALLO - 제로 칼로리 쇼핑몰", description: "제로 칼로리, 제로 슈가 등 다양한 카
sooncoding.tistory.com
4. 네이버 사이트 등록
[Next.js] Next.js 네이버 웹마스터 검색 엔진 최적화(SEO) 가이드
해당 게시물은 Next.js와 Vercel을 통해 웹사이트를 배포한 상황을 가정하여 진행됩니다. 1. 사이트 등록 및 소유확인1) 배포한 웹사이트 URL 복사 https://searchadvisor.naver.com/console/board 네이버네이
sooncoding.tistory.com
5. 구글 사이트 등록
[Next.js] Next.js 구글 검색 엔진 최적화(SEO) 가이드
이 글은 아래 게시물을 선행하여야합니다. [Next.js] Next.js 네이버 웹마스터 검색 엔진 최적화(SEO) 가이드해당 게시물은 Next.js와 Vercel을 통해 웹사이트를 배포한 상황을 가정하여 진행됩니다. 1.
sooncoding.tistory.com
'프론트엔드 > Next.js' 카테고리의 다른 글
| [Next.js] Next15 API Routes 를 이용해 OgData 추출하고 링크 북마크 만들기 (0) | 2025.03.04 |
|---|---|
| [Next.js] Typescript + Next15 + styled-components + MUI 프로젝트 세팅 A to Z (0) | 2025.02.26 |
| [Next.js] Next15 버전 SEO 설정 (0) | 2025.02.13 |
| [Next.js] Next.js 15에서 <script/> 태그 삽입 오류 해결 (0) | 2025.01.10 |
| [Next.js] Next.js SEO 관련 공식문서 (0) | 2025.01.09 |
들어가며
이 글은 Next.js 15 버전 환경을 기준으로 작성되었습니다.
1. 배포
[React] Vercel을 이용한 리액트 프로젝트 배포 방법
Vercel 배포 방법 1. github에 레포지토리를 만든다.(Public / Private 모두 가능이기 때문에 소스코드 공유 싫으면 Private로 레포 생성) 2. Vercel 회원가입 및 github 연동 (github으로 회원가입해야 레포지토리
sooncoding.tistory.com
2. 도메인 설정
[Vercel] 가비아를 활용한 Vercel 도메인 변경 방법
1. 도메인 구매아래 링크에서 도메인을 구매한다.( 링크 -> 도메인 -> 도메인 검색) https://domain.gabia.com/regist/regist_domain구매 완료 후 My 가비아 -> 도메인 에서 표시한 도메인 주소를 복사한다 2.
sooncoding.tistory.com
3. SEO 설정
[Next.js] Next15 버전 SEO 설정
Next.js 15버전 기준으로 작성된 글입니다. src / app / layoutimport type { Metadata } from "next";export const metadata: Metadata = { title: "CALLO - 제로 칼로리 쇼핑몰", description: "제로 칼로리, 제로 슈가 등 다양한 카
sooncoding.tistory.com
4. 네이버 사이트 등록
[Next.js] Next.js 네이버 웹마스터 검색 엔진 최적화(SEO) 가이드
해당 게시물은 Next.js와 Vercel을 통해 웹사이트를 배포한 상황을 가정하여 진행됩니다. 1. 사이트 등록 및 소유확인1) 배포한 웹사이트 URL 복사 https://searchadvisor.naver.com/console/board 네이버네이
sooncoding.tistory.com
5. 구글 사이트 등록
[Next.js] Next.js 구글 검색 엔진 최적화(SEO) 가이드
이 글은 아래 게시물을 선행하여야합니다. [Next.js] Next.js 네이버 웹마스터 검색 엔진 최적화(SEO) 가이드해당 게시물은 Next.js와 Vercel을 통해 웹사이트를 배포한 상황을 가정하여 진행됩니다. 1.
sooncoding.tistory.com
'프론트엔드 > Next.js' 카테고리의 다른 글
| [Next.js] Next15 API Routes 를 이용해 OgData 추출하고 링크 북마크 만들기 (0) | 2025.03.04 |
|---|---|
| [Next.js] Typescript + Next15 + styled-components + MUI 프로젝트 세팅 A to Z (0) | 2025.02.26 |
| [Next.js] Next15 버전 SEO 설정 (0) | 2025.02.13 |
| [Next.js] Next.js 15에서 <script/> 태그 삽입 오류 해결 (0) | 2025.01.10 |
| [Next.js] Next.js SEO 관련 공식문서 (0) | 2025.01.09 |
