A revolução dos sites com JAMstack

JAMstack é uma nova maneira de criar sites e aplicativos que ofereçam melhor desempenho, maior segurança, menor custo de escala e uma melhor experiência de desenvolvimento. Para ser considerado uma JAMstack o projeto deve atender os seguintes critérios: JavaScript APIs Marcação O que é JAMstack? O termo foi criado por Mathias Biilman para descrever “Uma

JAMstack é uma nova maneira de criar sites e aplicativos que ofereçam melhor
desempenho, maior segurança, menor custo de escala e uma melhor experiência de
desenvolvimento. Para ser considerado uma JAMstack o projeto deve atender os
seguintes critérios:

JavaScript
APIs
Marcação

O que é JAMstack?

O termo foi criado por Mathias Biilman para
descrever “Uma arquitetura de desenvolvimento moderno baseado em JavaScript no
cliente, API reutilizáveis e Markup pré-construído”.

Um exemplo de JAMstack

Imagine um CMS, cada visita na aplicação ela teria que gerar consultas no banco
de dados no back-end, coletar as informações e após devolver para o usuário. Com
o JAMstack é exibido o HTML gerado, sem a necessidade de renderizar informações
de um servidor. Com isso o tempo de carregamento é mais rápido e diminui os
riscos com segurança.

Em um CMS tradicional, em muitos casos, o código é enviado através de um FTP e
as atualizações de conteúdo realizados com WordPress ou Drupal. Na JAMstack esse
processo de envio de código ou atualizar conteúdo pode ser realizado somente
pelo Git.

Enquanto isso em um universo paralelo, isso está acontecendo:

Gráfico comparando Git e FTP

Sou empresário, como ganho com isso?

Vou te mostrar uma fórmula curta e que talvez possa te convencer:

Site mais rápido -> melhor experiência do usuário e classificação do Google ->
mais tráfego -> mais dinheiro.

Cale-se e pegue meu dinheiro

Mas caso você for apenas um desenvolvedor, também tenho uma fórmula para te
deixar muito feliz:

Site mais simples -> mais seguro e confiável -> menos coisas imprevistas -> paz
de espírito.

O outro lado da moeda

E os usuários não técnicos? Produtores de conteúdo que estão acostumados com os
editores do estilo do WordPress e que não estão familiarizados com markdown e
GitHub?

Este é realmente um problema e algumas soluções estão começando a surgir.
Ferramentas como Prose.io, integram o GitHub para fornecer
uma UI mais amigável para os autores não técnicos.

Para as lojas virtuais que utilizam WordPress ou WooCommerce, um site estático é
uma opção totalmente viável. Snipcart é um carrinho de
compras escrito em JavaScript e permite que desenvolvedores adicionem novas
funcionalidades em qualquer site. Ainda existem outras soluções como
Foxycart e botão de comprar do
Shopify.

Logo…

Isso é para mim?

Como qualquer ferramenta ou metodologia, não existe bala de prata, tudo vai
depender do problema que você quer resolver. A principal desvantagem que
observei são os serviços para usuários com pouco conhecimento técnico, as
ferramentas para esse público ainda estão em evolução.

No entanto, o desenvolvimento web estático atingiu um nível que em muitos casos
as vantagens superaram as desvantagens, e o uso das novas ferramentas,
plataformas e serviços vai impulsionar ainda mais esse ecossistema.