Next.js 15 Tutorial - 60 - Server-only Code
- Next.js 15 서버 전용 코드 분리의 중요성: 보안 및 성능 향상을 위해 서버 코드와 클라이언트 코드를 분리해야 합니다. 🔒
server-only
패키지를 이용한 서버 전용 코드 관리: 빌드 시점에 클라이언트 컴포넌트에서 서버 전용 코드를 가져오는 것을 방지합니다. 🛡️
- 서버 컴포넌트(
/page.tsx
)와 클라이언트 컴포넌트(/client-route.tsx
)의 차이점 실습: 서버 전용 함수를 각 컴포넌트에서 사용하여 결과를 비교합니다. 💻
- 서버 전용 함수(
serverSideFunction
)의 역할: 환경 변수, 데이터베이스, 민감한 정보 처리 등 서버에서만 실행되어야 하는 작업을 수행합니다. ⚙️
server-only
패키지 설치 및 사용법: npm install server-only
명령어로 설치 후, 서버 전용 모듈에 import serverOnly
를 추가하여 보안을 강화합니다. 📦