É fácil esquecer que temos mais maneiras de construir sites do que apenas com aplicativos de uma única página. Neste artigo, quero dar uma olhada em três dessas alternativas principais gratuitas que temos e entender quando você pode querer usar qual alternativa para construir seu site para 2021 como fiz para uma revenda iptv.

Sem perder muito tempo, vamos dar uma olhada em três tipos diferentes de sites que temos e como você pode construir um site moderno.

Aplicativos da web estáticos

A primeira abordagem é a abordagem mais antiga profunda que você tem é o site estático no qual você tem um arquivo HTML ou talvez um monte de arquivos HTML. Podemos colocá-los em um servidor e, então, nesse servidor, eles serão bem servidos aos nossos usuários. Se o seu usuário entrar na sua página, eles entrarão em diferentes arquivos HTML servidos de volta. Mas essa é a abordagem mais antiga para construir um site.

Aplicativos da web dinâmicos

A segunda abordagem mais antiga é um site dinâmico para um revendedor iptv e, com isso, o código HTML que você está recebendo em resposta é processado instantaneamente por solicitação no servidor. é um grande requisito porque, com aquela abordagem de site estático, você simplesmente escreve o código HTML e o coloca em um servidor. Mas você não poderia construir coisas como lojas online ou blogs.

Então, sempre que você precisava de conteúdo gerado pelo usuário ou tinha conteúdo dinâmico que mudou muito onde você deseja exibir, por exemplo, o que está no carrinho de compras de um usuário, você não pode escrever isso em arquivos HTML. Porque eles mudam.

Portanto, precisávamos de uma solução onde os arquivos HTML são gerados no servidor e depois devolvidos aos usuários. Isso significa que temos alguma linguagem do lado do servidor como Nodejs ou C # ou Python. E a forma como o framework como Express ou dot net core ou Django.

Lá, a solicitação de entrada seria analisada e tratada pelo lado do servidor. O código do lado do servidor alcançaria um banco de dados, buscaria alguns dados de lá e, em seguida, uniria todas essas peças e criaria o código HTML no servidor.

Como desenvolvedor, você normalmente definiria um modelo e definiria onde os pontos dinâmicos estão no modelo. Aqui, o servidor faria todo o trabalho pesado e colocaria todas essas peças juntas. Em seguida, retorne a página HTML concluída ao usuário e a resposta HTML.

A terceira maneira de construir sites é construir um aplicativo de página única como o da revenda iptv p2p. Esta é a forma mais moderna e foi basicamente inspirada em aplicativos móveis. A terra em que clicamos, as coisas acontecem instantaneamente. Às vezes, nunca precisamos esperar o carregamento de uma nova página; podemos ver um botão giratório ocasionalmente enquanto alguns dados são buscados. Mas, em geral, permanecemos nessa experiência de aplicativo e as coisas acontecem instantaneamente. Logo depois de clicarmos em algum lugar, instantaneamente obtemos uma nova página e queríamos trazer essa experiência para os navegadores.

Bem, vamos ver o que escolher?

Por que e onde você deve escolher aplicativos da web dinâmicos?
Na abordagem de site dinâmico, o lado do servidor renderiza todo o conteúdo a cada clique. Mas o carregamento de uma nova página resulta em uma nova solicitação e, então, você responde à página que está sendo gerada em um servidor. Embora os motores modernos sejam realmente rápidos, é claro que há um pequeno atraso e podemos até precisar de uma nova página se nenhum conteúdo dinâmico for alterado.

Suponha que, se quisermos apenas sobre ou página de contato de um site. Aqui surgiu uma aplicação de página única. Aqui, se você tiver uma única página, um arquivo HTML que fica em um servidor e, em seguida, apenas esse arquivo é retornado ao usuário. Mas, naquele único arquivo, a coisa principal que acontece é que um monte de JavaScript é carregado e iniciado e que o código JavaScript então executa, busca dados de um servidor e constrói a página HTML inteira.

Por outro lado, o Dom deve ser exatamente o que o usuário vê na hora no navegador. Uma das grandes vantagens disso é que o JavaScript roda no navegador e tudo o que vemos é renderizado no navegador. Para as coisas que acontecem instantaneamente, não há nenhuma solicitação adicional que precisa ser enviada para carregar uma nova página. Ocasionalmente, há solicitações que precisam ser enviadas para buscar novos dados. Mas enquanto isso, podemos mostrar um spinner ou simplesmente atrasar a navegação em meio segundo ou algo parecido. Portanto, existem truques para melhorar a experiência do usuário. Portanto, essas são as abordagens gratuitas e muitas vezes parecem aplicativos de uma única página.

Mas acontece que as outras duas opções não são antigas e desatualizadas.

Por que e onde você deve usar sites estáticos?

Se você tem uma página muito simples, sem conteúdo dinâmico, como sua página inicial pessoal, onde as coisas não mudam com tanta frequência; Por exemplo, onde você só atualiza seu currículo uma vez por ano, então é claro que você pode construir um monte de arquivos HTML com algum CSS e talvez um pouco de JavaScript e implantá-lo em um servidor. E pronto. Porque isso é tudo de que você precisa.

Então, por que você não usaria isso? Mesmo se você tiver conteúdo que muda com mais frequência, como por exemplo Medium.com. Em seguida, você pode usar geradores de site estáticos onde você tem alguma fonte de dados que pode ser um banco de dados ou um monte de arquivos markdown. Em seguida, você pode definir a aparência geral de suas páginas, a aparência do quadro de cada página, etc.

Então, este gerador de site estático pode ser executado por você. Então você inicia o processo de geração e o gerador dá uma olhada em todas as suas fontes de dados, busca os dados, pega seu frame HTML predefinido, então insere os dados e cospe um monte de arquivos HTML pré-gerados não gerados em um servidor, mas seu máquina ou nuvem.
Mas não como parte de uma solicitação recebida.

Antes que a página seja implantada e, em seguida, você implante essa página estática concluída em um servidor. O que é ótimo é que existem até soluções como gatsby, nextJS, que permite a você construir um aplicativo de reação. Então, quando você constrói isso como um site estático, obtém-nos todas as páginas que um usuário poderia visitar como pré-gera essas páginas HTML.

Então, não importa qual página você carregue, você carregará o código HTML concluído. Mas uma vez que é carregado um aplicativo de página única, ele assume e executa. A melhor coisa é que, a partir daí, você terá aquela rápida experiência de aplicativo móvel novamente agora essa é a grande vantagem de sites estáticos e para muitos casos de uso

Por que você deve usar aplicativos da web de página única?

Existe uma escolha decente para páginas dinâmicas onde o conteúdo é gerado no servidor. Por exemplo, pode ser ótimo se você estiver construindo uma loja online onde tanto a otimização do mecanismo de pesquisa quanto o conteúdo dinâmico sejam importantes.

Uma página dinâmica pode ser perfeita porque os aplicativos de página única costumam ter problemas com a otimização do mecanismo de pesquisa. Porque o mecanismo de pesquisa não espera necessariamente que o código JavaScript que está sendo executado no navegador conclua a renderização. Especialmente quando você primeiro precisa buscar algum conteúdo de dentro do seu código JavaScript. Sua primeira otimização de mecanismo de pesquisa pode ser um problema com aplicativos de página única.

Não é com aplicativos do lado do servidor onde o conteúdo é gerado dinamicamente lá porque você já buscou uma página finalizada, então o rastreador do mecanismo de pesquisa vê o que o usuário vê e isso é ótimo, além de que todo o trabalho pesado acontece no servidor. A vantagem disso, claro, é que você não afeta o desempenho do aplicativo quando ele é executado no navegador do usuário.

Especialmente em dispositivos mais lentos, pode ser algo real. Portanto, páginas dinâmicas do que sites dinâmicos em que o conteúdo é gerado por solicitação no servidor não vão a lugar nenhum. Eles estão presentes em todos os lugares e têm seus casos de uso.

Além disso, use casos em que você tem dados que mudam com frequência, onde seu conteúdo é altamente dinâmico, onde a otimização de mecanismos de pesquisa é importante ou onde você deseja tirar o desempenho de seus usuários, ou não tirar o desempenho, mas tirar o impacto do desempenho de seus usuários e fazer isso em um servidor são alguns dos cenários úteis.

Conclusão

Claro, você tem as desvantagens de ser um pouco menos reativo dos três. Mas sempre há uma compensação para cada uma dessas opções.

Então, para resumir, podemos dizer que uma página da web dinâmica tem a vantagem de, enviando para você o código finalizado.

Ele também faz todo o trabalho pesado do servidor.

Portanto, seu navegador não precisa fazer isso. A desvantagem é que, cada nova página deve ser carregada e talvez você precise esperar por isso. Portanto, a sensação é um pouco menos semelhante ao de um aplicativo móvel.
O desenvolvimento de back-end da rede está intimamente conectado porque tudo acontece no servidor.

Se você estiver construindo um aplicativo de página única, existem algumas vantagens interessantes e também algumas desvantagens.

Você, como desenvolvedor, está focado apenas no front-end.
Alta reatividade e aquela ótima sensação instantânea onde você não tem tempo para recarregar a página.
Você terá uma experiência de usuário realmente ótima.

De acordo com as desvantagens,

A otimização de mecanismos de pesquisa pode ser um problema real. Um problema solucionável, mas, ainda assim, pode ser um problema.

Todo o trabalho pesado acontece no navegador.

Então, especialmente em dispositivos mais lentos, isso pode ser um problema. Também em redes mais lentas.
Finalmente, e se você for usar aplicativos da web de página estática.

Quando você está segmentando públicos com redes ou dispositivos mais lentos, os sites estáticos são ótimos porque também fornecem o conteúdo final.

Portanto, eles são novamente excelentes para otimização de mecanismos de pesquisa.

Nenhum problema de desempenho porque a página não precisa ser gerada no servidor nem no navegador. Ele já está lá porque você já o gerou como parte de seu processo de desenvolvimento.

Se falamos sobre desvantagens,

A geração de página também pode ser uma grande desvantagem, porque não é realmente adequada para uma mudança rápida no conteúdo ou conteúdo gerado pelo usuário.

Porque tudo foi pré-gerado e você não quer pré-gerar uma página inteira a cada segundo.

Configurar um fluxo de trabalho completo usando esse gerador de site estático pode ser desafiador se você quiser automatizar totalmente.

Essa é a minha conclusão, essas são as opções gratuitas e espero que tenha ficado claro quando você pode querer usar quais e quais as vantagens de cada opção. Todos esses três tipos de sites de desenvolvimento podem ser úteis quando se trata dos requisitos do desenvolvedor.

Obrigado por ler!