Revision history [back]
 | 1 | initial version |
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.