To set a cookie in the client-side of NextJS version 13, you can use the document.cookie
property. Here's an example:
// This example sets a cookie named "myCookie" with the value "hello"
document.cookie = "myCookie=hello";
You can also set additional options for the cookie, such as the expiration date:
// This example sets a cookie named "myCookie" with the value "hello" that expires in 1 hour
const expirationDate = new Date();
expirationDate.setHours(expirationDate.getHours() + 1);
document.cookie = `myCookie=hello; expires=${expirationDate.toUTCString()}`;
Note that when setting a cookie in the client-side of NextJS, the httponly
and secure
options cannot be set for security reasons. If you need to set these options, you should use a server-side solution.
Asked: 2022-11-18 11:00:00 +0000
Seen: 11 times
Last updated: Apr 25 '22