CODEWITHSUNDEEP
deno
Carlos Iribar
Carlos Iribar

Reputation: 123

ReferenceError: localStorage is not defined on Deno Deploy

I'm using localStorage on the server and it works fine locally. But when I deployed my code to Deno deploy is not defined

Do I need to import the localStorage? I Deno.com I couldn't find any docs talking about localStorage so maybe that feature is not supported yet. In that case, where can I deploy my code to use it? Thanks

enter image description here

import {Handlers, PageProps} from "$fresh/server.ts";

interface Data {
 email: string[]
 }

export const handler: Handlers<Data> = {
  GET(_req, ctx) {
    const emailsStorage = localStorage.getItem("email");

    const email = emailsStorage ? JSON.parse(emailsStorage) : [];

    console.log(email);

    return ctx.render({ email });
  },
};

export default function EmailPage({ data }: PageProps<Data>) {
    const { email } = data;
    return (
        <main>
            <h1>Emails</h1>
            <ul>
                {email.map((email) => (
                    <li>{email}</li>
                ))}
            </ul>
        </main>
    );
}

Upvotes: 1

Views: 585

Answers (2)

Chirag Sharma
Chirag Sharma

Reputation: 31

You can persist data in local storage by creating a virtual local Storage by using this code.

import { installGlobals } from "https://deno.land/x/[email protected]/mod.ts";
installGlobals();

localStorage.getItem("email") will work on Deno Deploy also.

Upvotes: 1

jsejcksn
jsejcksn

Reputation: 33748

The full list of available APIs is here (note that localStorage is not listed).

Deploy does not offer any persistent data storage mechanism. After your deployed code finishes executing in response to a request, all of the JS memory is destroyed, so if you want to work with mutable data that persists between requests, then you'll have to store that data yourself elsewhere — e.g. by sending the data in a network request to another server / hosted database / etc. and then requesting it when you need it.

The docs include several "persist data" tutorials that you can use as a guide/reference in order to learn.

Upvotes: 3

Related Questions