NextJS - 클라이언트 사이드에서 쿠키 저장

js-cookie 라이브러리를 이용하여

Next.js의 클라이언트 사이드에서 쿠키를 저장하는 방법을 알아보자.

 

 

개발 환경

next.js - v13.4.12

js-cookie - v3.0.5

 

 

설치

npm install js-cookie

 

저장

import Cookies from 'js-cookie';

Cookies.set('key', 'value');

// 7일 뒤 쿠키 만료
Cookies.set('key', 'value', {
  expires: 7,
});

// 1시간 뒤 쿠키 만료
Cookies.set('key', 'value', {
  expires: 1 / 24,
});

// 7일 뒤 쿠키 만료, 현재 경로에서 쿠키 확인 가능
Cookies.set('key', 'value', {
  expires: 7,
  path: '',
});

 

조회

Cookies.get('key'); // 'value'
Cookies.get('nothing'); // undefined

// 모든 쿠키 조회
Cookies.get(); // { key: 'value' }

 

삭제

Cookies.remove('key');