Cookie
The Cookie component helps you build your own custom cookie and session implementations. All Hydrogen session storage mechanisms use the same configuration options as Cookie.
Example code
Anchor link to section titled "Example code"
Cookie options
Anchor link to section titled "Cookie options"The following table describes the options for how the cookie is persisted within the browser. The properties are derived from the cookie specification:
| Option | Type | Description |
|---|---|---|
| expires | date |
A date on which the cookie will expire. If the date is in the past, then the browser will remove the cookie. |
| maxAge | number |
The number of seconds until the cookie expires. maxAge takes precedence over expires if both are defined. |
| secure | boolean |
Whether to secure the cookie so that client JavaScript is unable to read it. |
| httpOnly | boolean |
Whether to secure the cookie so that the browser only sends it over HTTPS. Some browsers don't work with secure cookies on localhost. |
| sameSite | "lax" | "strict" | "none" |
Declares that the cookie should be restricted to a first-party or same-site context. |
| path | string |
Tells the browser that the cookie should only be sent to the server if it's within the defined path. |
| domain | string |
Secures the cookie so that it's only used on specific domains. |
Component type
Anchor link to section titled "Component type"The Cookie component is a server component. For more information about component types, refer to React Server Components.