How can I use session storage in a Next.js application?

How can I use session storage in a Next.js application?

You can use the sessionStorage API in your Next.js app to store data for the duration of the page session. Just remember that it only works in the browser.

Can you show me a code example?

Sure! Here's a simple example:

if (typeof window !== 'undefined') {
  sessionStorage.setItem('key', 'value');
  const value = sessionStorage.getItem('key');
  console.log(value); // Outputs: value
}

What are the limitations of session storage?

Session storage has a size limit (usually around 5MB), and data is lost when the tab is closed. It's also not accessible across different tabs.

Is it safe to store sensitive information in session storage?

It's not recommended to store sensitive information in session storage, as it's accessible via JavaScript and can be vulnerable to XSS attacks.