공식문서 기반의 Next.js 입문기 - 시리즈 | Dev Thinking Dev Blog

공식문서 기반의 Next.js 입문기

“리액트 개발자를 위한 Next.js 입문기” 시리즈

첫 포스트 읽기

Lighthouse·Speed Insights·모니터링

Lighthouse→Speed Insights 루프 점검

CWV 실전 – 폰트/이미지/서드파티 스크립트

폰트·이미지·스크립트 최적화로 CWV 개선

캐노니컬 – 중복 방지

canonical로 중복 URL 정책 정리

메타데이터 실전 – 정적/동적, OG, 아이콘/파비콘 템플릿

메타 API로 동/정적 OG 메타 구성

크롤링·인덱싱 – 상태코드/robots/sitemap

상태코드+robots로 이전 글 관리

SEO와 렌더링 전략 (SSR/SSG/ISR/Cache Components 관점)

전략별 렌더링으로 SEO 유리한 페이지 정리

접근성 – 시맨틱 HTML, 자동 검사

라벨/aria로 로그인폼 접근성 확보

에러 핸들링 – error.tsx, notFound, 404 UX

error.tsx/notFound으로 오류 UX 분기

서버 액션으로 C/U/D – 폼·검증·캐시 무효화

서버 액션 CRUD 흐름으로 revalidate 적용

URL로 상태 관리 – 검색/페이지네이션 UX

URL 상태+디바운싱으로 검색/페이지 유지