Next.js redirects 설정: next.config.js에서 URL 이동 처리
이 글에서 정리하는 내용 이 글에서는 제가 Next.js 프로젝트에서 next.config.js로 리다이렉트를 설정하는 방법을 정리합니다. 단순 주소 변경을 왜 설정 파일에서 처리하는지, redirects()를 기존 설정과 어떻게 합치는지, permanent 값이 30…
더 읽기Next.js
React 기반의 풀스택 프레임워크 Next.js의 구조와 활용 방법을 정리합니다.
Next.js SEO SSR 적용법: 검색 노출과 렌더링 구조 잡기
핵심 요약 Next.js는 React 기반 프레임워크로, 서버 사이드 렌더링()을 통해 SEO에 유리한 구조를 제공합니다. 이 글에서는 SEO 최적화 방법, Tailwind CSS를 활용한 UI 구축, API 연동 및 상태 관리 기법을 다루며 실전에 도움이 되는 내용을…
더 읽기
Next.js SEO 현장 점검 체크리스트: metadata API, SSR, Image 순서
이 글은 Next.js SEO 완전 가이드: App Router metadata부터 배포 확인까지의 세부 항목입니다. 전체 설정 흐름과 관련 오류 해결 순서는 대표 허브 글에서 함께 확인할 수 있습니다. metadata와 SEO 글이 따로 있으면 문제 상황에서 무엇…
더 읽기
Next.js App Router metadata 설정 기준: SEO 개념과 실무 적용
Next.js App Router metadata 전체 개념 이 문서는 React와 Next.js에서 메타데이터를 다루는 방식의 차이를 철학부터 실제 코드 구조까지 단계적으로 정리한 학습 문서입니다. …
더 읽기
Next.js Metadata API 실무 예제: metadata 객체와 generateMetadata 코드
Metadata API 문법을 볼 때 먼저 확인할 포인트 이 문서는 Next.js App Router 환경에서 metadata API를 사용하는 올바른 방법을 단계별로 설명합니다. 먼저 기본적인 메타데이터 설정…
더 읽기![Next.js 동적 라우팅 사용법: [slug]로 상세 페이지 만들기 대표 이미지](https://blogflow.kr/wp-content/uploads/2026/05/nextjs-slug-usage-featured-362-max700-q75-300x200.webp "Next.js 동적 라우팅 사용법: [slug]로 상세 페이지 만들기 6")
Next.js 동적 라우팅 사용법: [slug]로 상세 페이지 만들기
이 글에서 정리하는 내용 Next.js 기준으로 동적 세그먼트가 왜 필요한지부터, params, useParams(), generateStaticParams()를 언제 쓰는지까지 흐름에 맞춰 정리했습니다. 문법만 외우기보다 주소와 파일 구조가 어떻게 연결되는지 자연스럽…
더 읽기
Next.js App Router 학습 순서: 라우팅, 렌더링, SEO, 배포까지
라우팅, metadata, redirects, 성능 글은 각각 있지만 전체 순서가 보이지 않으면 필요한 글을 찾기 어렵습니다. App Router는 폴더부터 외우면 오래 걸립니다 Next.js 를 처음 보면 app 폴더, layout, page, route han…
더 읽기
React Compiler 기준: useMemo useCallback 언제 줄일까
이 글에서 정리하는 내용 React Compiler 1.0을 적용한 뒤 와 을 어디까지 줄일 수 있는지, 새 코드와 기존 코드에서 판단 기준이 어떻게 달라지는지 실무 흐름에 맞춰 정리합니다. React Compiler 1.0이 바꾸는 기준 useMemo는 어디까지…
더 읽기