7 razões para dispensar seu CMS e considerar um gerador de site estático

Por muitos anos, publicar um site foi difícil para muitos usuários. CMSs como o WordPress mudaram isso, mas ainda podem ser confusos. Outra alternativa é um gerador de site estático.

Por muitos anos, publicar um site foi difícil para muitos usuários.  CMSs como o WordPress mudaram isso, mas ainda podem ser confusos.  Outra alternativa é um gerador de site estático.
Propaganda

Por muitos anos, publicar um site ficou fora do alcance de muitos usuários. A criação de HTML, hospedagem de contas e o gerenciamento da atualização dos arquivos hospedados era demais para pessoas não técnicas comuns. Hoje em dia um usuário pode se inscrever para uma conta no Tumblr Como facilmente criar um blog com Tumblr Como facilmente criar um blog com Tumblr Leia mais e estar digitando sua primeira postagem em poucos minutos.

À medida que os usuários se tornavam mais sofisticados, plataformas de blogs como o WordPress forneciam a propriedade de seu conteúdo. Mas o WordPress e seus pares ainda têm várias partes móveis. Isso é um exagero para quem quer apenas blogar enquanto ainda o possui . Uma resposta recente para isso é o gerador de site estático (SSG) . Vamos explorar por que você pode querer considerar um para seu próximo projeto on-line.

O que é um gerador de site estático?

As primeiras páginas na Web eram apenas isso: páginas individuais que alguém escreveu como um arquivo HTML e enviava para um servidor. Enquanto um CMS (Sistema de Gerenciamento de Conteúdo) moderno apresenta conteúdo como uma página, na realidade ele está mesclando marcação, conteúdo de banco de dados e cálculos em tempo real. São aplicativos da Web que ajudam os usuários a criar conteúdo, armazená-lo e depois exibi-lo aos visitantes do site.

Por outro lado, os geradores de sites estáticos são ferramentas de publicação. Eles não são tão diferentes de ferramentas como o Adobe Acrobat, que adota um formato editável (por exemplo, o Microsoft Word) e o converte em um formato 7 Ferramentas PDF on-line gratuitas que poderiam economizar muito trabalho Muito trabalho A Web está repleta de ferramentas incríveis que podem ajudá-lo a alterar arquivos PDF sem suar a camisa. Vamos ver as tarefas em PDF menos conhecidas que podem ser úteis para você. Leia mais que é fácil de consumir (.PDF). Nesse caso, os SSGs estão executando as seguintes tarefas básicas:

  1. Tomando algum tipo de conteúdo básico como entrada;
  2. Criando conteúdo da web de boa aparência a partir dele e;
  3. Ajudando a levar esse conteúdo para a Web.

Na próxima seção, examinaremos algumas das vantagens que a natureza “estática” dos SSGs fornece sobre os CMSs atuais.

Vantagens de usar um gerador de site estático

Para aqueles acostumados a trabalhar em um CMS como o WordPress, alguns dos itens a seguir parecem ser uma grande mudança. Mas eles tornam a produção e manutenção de alguns tipos de sites muito mais fáceis. Vamos dar uma olhada em algumas dessas vantagens.

As seções abaixo incluem comandos e saída do gerador de sites estáticos Jekyll como exemplo. Se você selecionar um SSG diferente, os comandos serão diferentes, mas os conceitos são semelhantes.

1. Sites estáticos não exigem instalações complexas

Uma grande diferença em comparação com um CMS “tradicional” é que você está instalando geradores estáticos de sites em sua máquina local . Por exemplo, colocar o Jekyll em funcionamento em uma máquina Ubuntu foi tão fácil quanto o seguinte comando:

sudo apt-get install jekyll 

Então inicie um novo projeto:

 jekyll new mytestsite 

Você terá os ingredientes de um novo site no diretório “mytestsite” com vários arquivos padrão. Anote o diretório “_posts”, que contém um arquivo Markdown.

gerador de site estático jekyll structure

2. Você pode trabalhar no seu site enquanto estiver offline

Geradores de site estático são projetados para trabalhar com conteúdo local off-line. Não há necessidade de uma conexão de internet ao vivo para criar um novo post. Você pode redigir o conteúdo e, em seguida, executar um comando "build" posteriormente para criar o post / página que será encaminhado para a Web. Se você está acostumado a editores de blogs off-line como o BlogDesk 4 Alternatives ao Windows Live Writer para o Blogging 4 Alternativas ao Windows Live Writer para Blogging A Microsoft anunciou recentemente o fim da marca Windows Live. Em resposta a preocupações, tudo o que a Microsoft está dizendo sobre o Windows Live Writer é que ele funcionará muito bem no Windows 8 - não se o desenvolvimento for ... Leia Mais, é semelhante, exceto que em vez de empurrar mensagens uma de cada vez, você está construindo todo o site localmente.

Em seguida, crie seu conteúdo na pasta "_posts" mencionada acima. Você pode construir seu site quando estiver pronto, executando o seguinte comando no diretório do projeto:

 jekyll serve 

Isso cria o site inteiro em uma subpasta, conforme mostrado abaixo:

gerador de site estático jekyll build

Quando concluído, você também pode visualizar este site usando o servidor web integrado do Jekyll em http: // localhost: 4000.

site de gerador de site estático jekyll

Se você gosta do que vê, pode simplesmente carregar todos os arquivos da pasta “_sites” para um host da Web O que é um servidor da Web? [MakeUseOf explica] O que é um servidor web? [MakeUseOf Explains] Se há uma coisa que causa mais confusão para as pessoas que são novas no jogo de web design, é o conceito de um servidor web. Quando a maioria das pessoas pensa em um "servidor", elas ... Leia Mais. Seu site está pronto para ir!

3. Você pode criar conteúdo em diferentes formatos

Além disso, você pode criar essas postagens em um formato mais amigável do que o HTML bruto. O Markdown é o mais bem suportado, mas muitos SSGs também podem aceitar outros fora da caixa ou através de um plugin. Os plugins do Jekyll incluem opções como Asciidoc, orgMode ou reStructuredText. Se você estiver usando uma dessas outras linguagens de marcação, uma rápida alteração de configuração ou instalação de plug-in deve ser tudo o que você precisa.

formatos de jekyll do gerador de site estático
Crédito de imagem: GitHub

Curiosamente, a maioria dos SSGs também aceita HTML como entrada. "Espere", você está dizendo. “Pensei que a conversão para HTML fosse o ponto de tudo isso!” Mas considere isto: outros formatos não suportados diretamente por SSGs geralmente podem exportar para HTML. Imagine um fluxo de trabalho onde você (ou outros escritores) autor em LibreOffice usando ODT, que é convertido (como via Pandoc Como facilmente converter entre formatos de documentos no Linux Como facilmente converter entre formatos de documentos no Linux Mudar para o Linux pode resultar em problemas com Por exemplo, os documentos não têm a mesma aparência no LibreOffice, como acontece no Word.É apenas uma das razões pelas quais você precisa de pandoc. Leia mais) para HTML bruto, que é posteriormente processado e estilizado pelo SSG. Levaria um pouco de graxa de cotovelo, mas é inteiramente possível!

4. Você ainda pode se beneficiar de temas e plugins

Como mencionado acima, a maioria dos SSGs também suporta extensões ou plugins para fornecer funcionalidade extra. Isso varia de adicionar automaticamente dados ao site (por exemplo, URLs com base em datas ou postagens relacionadas) a mais recursos do tipo "CMS", como autenticação de usuário ou comentários. Um plugin para o DocPad SSG até fornece um painel de administração!

gerador de site estático docpad admin
Crédito de imagem: npm

5. Sites estáticos são rápidos

Entre a busca de conteúdo do banco de dados e a execução de qualquer código incluído, o carregamento de algumas páginas do CMS pode ser lento. Por outro lado, os sites estáticos já estão no formato que o navegador consome. A única demora é quanto tempo leva o servidor da Web para enviar a página e quanto tempo leva para o navegador processá-la. Como os navegadores exibem as páginas da Web e por que elas nunca parecem iguais? Como os navegadores exibem páginas da Web e por que elas nunca parecem iguais? Consulte Mais informação . Mas essas são as duas coisas que um site controlado pelo CMS também teria que fazer.

Além disso, como a saída de SSGs é HTML, CSS e Javascript comuns. Apenas sobre qualquer servidor web irá servir estes (juntamente com todas as imagens) sem problema. Isso significa que, se você tiver seu próprio servidor (como um VPS), terá a flexibilidade de implantar um servidor da Web mais leve, como lighttpd ou nginx. O melhor software de servidor Web Linux (e alternativas do Apache). ) Consulte Mais informação .

6. Sites estáticos são seguros

As múltiplas partes móveis de CMSs como WordPress, Drupal e outras abrem vetores de ataque para os vilões da Interwebs. O acesso a um arquivo PHP pode permitir que um invasor execute seu próprio código em seu site. Um banco de dados comprometido levou a dores de cabeça para fornecedores de e-commerce O estado de segurança pessoal de dados pessoais no comércio eletrônico Muitos desses varejistas devem todo o seu ser à Internet, mas são incapazes de seguindo até mesmo as práticas de dados mais básicas. Leia mais (como eles estão realmente em um CMS mais sofisticado).

@briancroxall talvez ausente: segurança muito mais fácil com geradores estáticos de sites.

- Martin Paul Eve (@martin_eve) 25 de março de 2017

Por outro lado, toda a magia de programação dos SSGs acontece na sua máquina local . Assim, sua maior preocupação será a permissão de arquivos. Acidentalmente fazendo um arquivo gravável para o mundo Uma das ferramentas mais importantes no Linux - Noções básicas sobre Chmod Uma das ferramentas mais importantes no Linux - Noções básicas sobre Chmod Há muitos recursos que tornam o Linux especial, mas um deles que o torna tão seguro é seu sistema de permissões. Você pode ter controle refinado sobre todos os arquivos em seu sistema e ... Read More seria uma “coisa ruim”, mas isso é algo que poderia acontecer com um CMS também. No entanto, como um site estático não possui nenhum código executável e não acessa o conteúdo do banco de dados, ele reduz o número de possíveis falhas na segurança do seu site.

7. Sites estáticos não estão sujeitos a upgrades ao vivo

Se você já gerenciou um site, você sabe o momento de medo que vem junto com a mensagem "Upgrade disponível!" No painel de administração. Claro, você vai testá-lo em seu ambiente de preparação, mas você nunca sabe realmente se esse comentário de um código ou um comentário de usuário de formato estranho fará tudo explodir.

Compare isso com sites estáticos. Embora novas versões da ferramenta SSG possam estar disponíveis, elas não afetam nada em seu site ativo. Ele continuará a continuar, alheio a quaisquer atualizações que possam ou não ter acontecido. Enquanto isso, você pode atualizar seu SSG, publicar uma nova versão do site para testá-lo e, finalmente, migrar a nova versão ao vivo. O mesmo pode ser feito com os CMSs, mas não sem considerar itens como reversões de banco de dados e se o novo conteúdo gerado pelo usuário será perdido.

Tipos de sites inadequados para geradores de site estático

Nem todos os sites são adequados para geradores estáticos de sites. Se você está montando um pequeno site pessoal, ou algo parecido com um blog tradicional (ou seja, um diário), a simplicidade dos SSGs pode ser para você. Basicamente, se você está procurando uma publicação unidirecional do seu conteúdo de texto e gráficos para a web, um site estático é uma boa escolha.

Mas a maioria dos sites modernos não é uma revista online glorificada. Se você precisar de qualquer um dos seguintes itens para o seu site, agora ou no futuro, você deve considerar as advertências que vêm com os geradores de site estático.

  • Usuários registrados - Se seu site precisar permitir que os usuários se inscrevam, por exemplo, para receber um boletim informativo, observe atentamente quais plug-ins estão disponíveis e se eles permitem o tipo de interação que você está procurando.
  • Comentários - Da mesma forma, se você quiser que as pessoas comentem em seu blog, você precisará procurar um plugin nativo que atenda às suas necessidades, ou um serviço como o Disqus 3 Commenting Systems e 3 Apps para rastrear os comentários do blog 3 Sistemas de comentários e 3 aplicativos para rastrear os comentários do blog Leia mais.
  • Vários autores - Se você precisar de mais de uma pessoa para escrever em seu site, as coisas ficam mais complicadas. Você precisa ter certeza de que puxou as postagens deles para a sua máquina local antes de construir seu site manualmente, ou através de outro método, como Dropbox, controle de código, etc. Não apenas para codificadores: Sistemas de controle de versão superior para escritores não apenas para codificadores : Sistemas de controle de versão de topo para escritores A menção de controle de versão ou controle de revisão faz parecer algo para os geeks. Você ficará surpreso ao saber que os sistemas de controle de versão têm o seu lugar não apenas na escrita acadêmica, mas ... Saiba Mais
  • Páginas controladas por dados - Existem plug-ins que permitem, por exemplo, criar um arquivo CSV com dados que você pode incluir em seus modelos de página. Mas configurá-los é um tanto complexo, enquanto ao mesmo tempo fornece menos funcionalidade do que um banco de dados completo.
  • Recursos altamente interativos - Se você deseja recriar o Google Maps ou o Documentos Google com uma dessas ferramentas, está latindo na árvore errada.
  • E-commerce - Os sites estáticos não se prestam às muitas e em constante mudança de regras e propriedades (impostos, taxas de envio) de e-commerce Qual é o melhor plug-in de e-commerce para o WordPress? Qual é o melhor plugin de e-commerce para o WordPress? Por isso, muitas vezes ouço a pergunta: "Qual é o melhor plugin de eCommerce para Wordpress?" Acho que é só no último ano que surgiu uma resposta clara. Consulte Mais informação .

No geral, os geradores de sites estáticos estão publicando ferramentas ideais para usuários que procuram uma maneira simples de criar algum conteúdo e prepará-lo para a web.

O que você acha? Você estaria disposto a dar um giro a um gerador de site estático? Pense um CMS ainda é o caminho a percorrer? Vamos discutir abaixo nos comentários!

Crédito de imagem: mihalec via Shutterstock.com

In this article