[Next.js/JS] cookies-next이용해서 쿠키 생성하기

1. 우선 cookies-next 설치하기

npm install --save cookies-next

 

2. cookies-next의 필요한 기능 import 

쿠키 생성은 setCookie,  쿠키를 읽는 것은 getCookie를 이용한다

import {getCookie, setCookie, removeCookies} from 'cookies-next';

 

3. 쿠키 생성

나의 경우는 getServerSideProps()내에서 작성해서 {req, res} 부분이 들어간다(없으면 작동을 안 한다;)

기본 형태는 아래와 같다.

setCookie('key', 'value', options);

getCookie로 해당 쿠키가 있는지 확인하고 없으면 쿠키를 생성하도록 했다.

고유값이 필요해서 refererKey라는 것을 만들어서 저장했고,  유효기간도 설정했다.

  export async function getServerSideProps({req, res}) {
  
  if (!getCookie('testCookie', {req, res})) { //쿠키 생성
        const expiryDate = new Date(Number(new Date()) + 315360000000);
        const refererKey = new Date().getTime() + Math.random();
        setCookie('testCookie', refererKey, {req, res, expires: expiryDate});
    }
    
    ...
    }

 

관련 정보는 아래의 링크로도 확인 할 수 있다. 

cookies-next