Executando verificação de segurança...
Em resposta a Você conhece as diferenças entre os tipos de armazenamento do navegador?
2
thiagoomatheus

Assim como o ThomasAlmeida comentou, também usei algumas das alternativas antes de aprender mais sobre banco de dados.

Para quem ainda está iniciando em JS e quer ter noção de como fazer um CRUD básico, o localStorage é uma ótima opção.

Mas, aproveitando a oportunidade, vai uma dúvida aí: Quando uma preferência de usuário é salva no navegador (cliente), por exemplo, o tema, quando a aplicação é iniciada no servidor ela virá com o tema padrão, só depois ele vai puxar a preferência no navegador e atualizar. Qual seria uma forma viável de a tela não "piscar" com o tema padrão (servidor), para só depois ir para o tema do usuário (cliente)?

Perdoe-me se houver alguma ignorância na pergunta.

Carregando publicação patrocinada...
1
DomingosRodrigues

Olá, Thiago! Acredito que uma forma de resolver isso é trazer a página do servidor já renderizada com o tema escolhido pelo usuário. Para isso, antes de trazer a página renderizada será necessário checar se há alguma escolha de tema no localStorage. Se houver, a página será renderizada e servida já no tema escolhido.

1
thiagoomatheus
Autor
Autor

Mas, uma dúvida... o armazenamento no navegador faz parte do lado do cliente.

Se faz parte do cliente, ao checar no servidor se há algo no localStorage, a resposta sempre será nula, afinal, no servidor o localStorage não existe. Seria isso mesmo?

2
TiagoVel

A pergunta não foi para mim mas acho que posso responder rs

Assim como você afirmou, no servidor não existe localStorage e mesmo se existisse concerteza não seria o mesmo do que o localStorage do frontEnd

Para isso existe os cookies, os cookies podem ser acessador pelo servidor, já que os mesmos são enviados na requisição https. Exemplo em PHP:

if(isset($_COOKIE["theme"])){
    $value = $_COOKIE["theme"];
}else{
    echo "Invalid theme";
}

Exemplo em nodeJS:

const express = require("express");
const cookieParser = require("cookie-parser");

const app = express();
app.use(cookieParser());

var value;

app.get("/",(req,res) => {
    if(req.cookies["theme"]){
        value = req.cookies["theme"];
    }else{
        console.log("Invalid theme");
    }
    
    //res.send(...)
});

//Iniciar servidor...
```
2
1
DomingosRodrigues

Nao vi sua segunda dúvida a tempo. Mas é isso aí que o TiagoVel disse. Além, disso, é, alguns framework existem bibliotecas para integrar o armazenamento do navegador ao servidor. Para o NextJs há a lib Nookies, por exemplo.