Nextjs - ServeSideProps 에서 cookie 사용

Nextjs에서 SSR을 위해 사용하는 ServerSideProps 함수는 서버단에서 동작하는 코드이기 때문에 브라우저의 cookie를 사용하여 API를 요청하는 것이 까다롭다.

다행히 ServerSideProps 함수는 context 파라미터를 주입받기 때문에 context 객체가 가지고 있는 req 필드를 통해 cookie 정보를 알 수 있다.

export const getServerSideProps: GetServerSideProps = async ctx => {

	// get the cookies
	const cookieString = ctx.req ? ctx.req.headers.cookie : '';

	// set the cookies
	ctx.res.setHeader('set-Cookie', 'foo=bar; HttpOnly');
}