Admito que o título deste artigo não pode parecer mais clickbait, mas me dê uma chance e continue lendo; Embora possa parecer incrível para você, é escrupulosamente verdadeiro.
Você não apenas poderá hospedar seu site de forma totalmente gratuita, mas também usará as últimas tendências em desenvolvimento de sites.
Além disso, como você verá a seguir, graças ao plugin simplesmente estática vamos tornar isso muito fácil.
Aunque hacerlo será fácil hay varios conceptos y temas que quiero explicar por lo que te dejaré el índice a continuación para que puedas ir a la parte concreta del artículo que quieras, aunque si ves que te suena a chino te recomiendo que lo leas desde el principio com calma.
Índice
Sites estáticos
A criação de Sites Estáticos não é algo novo para mim, aliás, aqui você pode ver como fazer um site estático com uma ferramenta chamada Hugo.
Mas neste artigo vamos mais longe, na verdade vamos muito mais longe 😉
Em vez de usar uma nova ferramenta para tornar nosso site estático, vamos usar WordPress e usando um plugin iremos convertê-lo automaticamente em um site estático.
Por que quereríamos converter nosso site em um site estático?
Benefícios de converter nosso site em um site estático
Velocidade
Um dos grandes problemas do WordPress é que para funcionar bem é necessária uma hospedagem web muito boa. Aliás, para mim, o melhor Hosting do mundo é Kinsta 😛
Por que você precisa de uma boa hospedagem? O WordPress é um gerenciador de conteúdo dinâmico, portanto cada artigo ou página que você cria não possui sua página HTML real, mas é gerado dinamicamente toda vez que um usuário visita o site.
As informações de cada artigo do site estão em um banco de dados (MySQL). Quando o visitante insere a URL, o HTML da página é gerado em tempo real.
E isso consome tempo e quanto pior é a hospedagem, mais tempo consome.
Segurança
Um dos maiores desafios de manter um site WordPress é mantê-lo seguro.
Se você está familiarizado com o WordPress, saberá que precisa atualizar continuamente o WordPress, o modelo e, claro, os plug-ins.
Se você não atualizar regularmente o WordPress, surgirão falhas de segurança das quais os hackers poderão tirar vantagem. É a parte mais feia do WordPress e de qualquer outra ferramenta que use linguagens de programação dinâmicas.
O que há de tão bom em tornar o site estático? Seu site não terá arquivos PHP, apenas arquivos HTML simples, então você reduz radicalmente as chances de ser hackeado.
Custo
Em relação ao custo, há uma grande confusão entre as pessoas.
Deixe-me dizer uma coisa direta e sinceramente:
Você tem que pagar por uma boa hospedagem.
Point.
Não há mais.
Presta atenção em mim.
Não há mais.
Eu usei (e uso) muitas hospedagens na web e há várias coisas que posso lhe dizer:
- Quando uma hospedagem diz «Hospedagem", está mentindo.
- Hospedagem barata não funciona bem em sites grandes, a menos que você mesmo mantenha a infraestrutura.
- Hospedagem compartilhada é o diabo.
Espero não ter sido muito duro, mas em meus anos de experiência posso dizer que o mundo da hospedagem na web é muito difícil.
Você pode querer me perguntar, Mas, Oscar, se hospedagem barata é ruim, como você recomenda uma opção gratuita como diz o título deste post?
Hospedar sites dinâmicos é caro porque existem muitas ‘peças’ que têm um custo caro:
- Bancos de dados rápidos
- Hospedagem PHP rápida e segura
- CDN
- Etc ...
Por outro lado, quando você converte seu site para estático não há nada disso, você não precisa de banco de dados, php, nem nada. Você só precisa de hospedagem para fazer upload de arquivos estáticos e isso, meu amigo, é barato. Tão barato que muitas empresas profissionais oferecem gratuitamente.
Falarei sobre isso mais tarde, mas existem hospedagens boas e baratas que permitem hospedar seu site gratuitamente se for um site estático, entre as hospedagens que permitem hospedar sites estáticos gratuitamente estão Kinsta, Netlify, Github e muitos mais.
Se você fizer o site estático com Simply Static você pode adicionar outro benefício a todos os benefícios que acabei de mencionar
Projeto
Se você não usar o WordPress para tornar seu site estático, você encontrará um problema:
O desenho
Se você conhece WordPress saberá que existem inúmeros templates feitos e o que é melhor, existem construtores visuais como Elementor o DIVI.
Ao usar o Simply Static para converter seu site em um site estático, você respeita o design que criou. Esta funcionalidade é simplesmente mágica. Já que você obtém o melhor dos dois mundos.
Desvantagens
Não é válido para sites dinâmicos
Se você tiver uma loja feita com WooCommerce ou uma assinatura ou assinatura, isso não funcionará para você.
Este método é perfeito para sites e blogs de empresas, mas não funciona para sites dinâmicos.
Como você verá mais tarde, você pode adicionar um mecanismo de busca, comentários e formulários ao seu site.
Mas não lojas online.
Requer um pouco mais de configuração
Como você verá neste tutorial, não é difícil, mas requer um pouco mais de configuração do que quando fazemos um site WordPress normal.
Claro, uma vez configurado você verá que tudo funciona no piloto automático.
WordPress sem cabeça
Usar o WordPress como ferramenta interna e outra ferramenta para mostrar o resultado final do site se chama Headless.
Você pode estar se perguntando, tudo bem, o site “que as pessoas veem” é estático, mas preciso hospedar um WordPress para poder torná-lo estático.
E você tem razão, mas aí vem a melhor parte, já que o WordPress só precisa dele para você, você pode hospedá-lo localmente ou pode hospedá-lo em uma hospedagem barata, já que é apenas para seu uso pessoal.
Hospede WordPress localmente
Se você hospedar seu site localmente em seu computador, você terá o problema de Você só pode adicionar conteúdo do computador que possui o WordPress instalado.
Além disso, a menos que você seja uma pessoa muito organizada, não recomendo fazer isso, pois Qualquer falha no seu computador fará você perder muito tempo.
Fazer backups é sempre essencial, mas quando se trabalha localmente é ainda mais, pois qualquer problema no seu computador local fará com que você perca o WordPress.
Lembre-se, backups e muita ordem se você hospedar localmente.
Hospede WordPress em hospedagem barata
Como mencionei acima, hospedagem barata é a principal causa de um site lento, mas se você usá-la apenas para adicionar ou modificar conteúdo pode ser uma boa opção.
Seus visitantes irão desfrutar de um site rápido e só você irá “sofrer” o WordPress de uma hospedagem compartilhada.
E se você quer o melhor dos dois mundos e seu bolso permite, recomendo usar uma boa hospedagem para seu site estático e também para sua instalação WordPress.
Crie um site estático com WordPress e simplesmente estático
Já vimos as vantagens de criar um site estático com WordPress, agora vamos ver como podemos fazer isso.
Neste tutorial vamos usar o plugin Simply Static.
Simply Static tem duas versões:
Simple Static em sua versão gratuita
A versão gratuita é totalmente funcional, mas só permite baixar o site estático para o seu computador. Quer dizer, Não permite que você carregue diretamente o site estático para o servidor.
Se você usar a versão gratuita, terá que carregar manualmente o site estático no servidor.
Se você vai fazer um site com poucas atualizações, pode ser uma boa opção. Mas se o que você quer é criar um blog ou site que vai atualizar muito, recomendo que continue lendo e veja tudo o que a versão paga faz.
Instalar a versão gratuita é tão fácil quanto entrar na área de administração do WordPress –> Plugins –> Adicionar novo plugin e escrever no mecanismo de busca simplesmente estático:
Depois de instalado e ativado, um novo menu aparecerá na lateral do WordPress com a opção Simply Static –> Generate Static Files:
Quando a exportação terminar você verá um link com o texto Clique aqui para baixar.
Ao clicar, você baixará um arquivo compactado com seu site estático.
Se você abrir o site localmente, verá que seu site tem o mesmo design do site WordPress original.
[caixa amarela] Se você estiver visualizando o site em seu próprio computador, será necessário instalar um servidor local para que tenha uma boa aparência. Se você não fizer isso, não ficará bem, mas não se preocupe, quando você enviar para um servidor ficará perfeito[/cajaamarilla]
Versão Premium simplesmente estática
A versão paga do Simply Static possui opções bem interessantes como:
- Configure um mecanismo de pesquisa em seu site estático
- Adicione comentários
- Configurar formulários
- Minimize o código
Mas sem dúvida o mais interessante da versão paga é que você pode fazer upload do site estático diretamente para o seu servidor. No momento da redação deste artigo ele contava com integração com os seguintes Hostings:
- GitHub
- AWS S3
- Tiiny.host
- CDN do coelho
- Simplesmente CDN
- Espaços oceânicos digitais
- SFTP
O bom é que simplesmente com SFTP você pode carregá-lo para quase qualquer servidor e o Github permite configurá-lo com muitos outros, como Kinsta ou Netlify.
No meu teste vou fazer isso com KinstaComo falei, muitas acomodações possuem integração com o Github, então mesmo que não apareça na lista você pode configurá-la através do Github.
Implante seu site estático na Kinsta
O processo que vamos seguir é o seguinte:
- Carregue nosso site estático no Github
- Conecte Kinsta ao Github para hospedar nosso site na Kinsta
- Cada vez que adicionamos novo conteúdo à web, ele é carregado no Github, o Github notifica Kinsta para atualizar o conteúdo.
Carregue nosso site estático no GitHub
Crie uma conta em GitHub É grátis. Depois que a conta for criada, temos que criar um token para poder conectar o Simply Static ao GitHub.
Para criá-lo, temos que ir em Configurações –> Configurações do desenvolvedor –> Tokens de acesso pessoal.
Aqui você tem as permissões necessárias:
Agora temos todos os dados necessários para configurar o plugin premium Simply Static.
Inside Deploy -> Método de implantação: Github
Com as seguintes opções configuradas:
Obviamente, você terá que alterar o e-mail e o repositório dos seus dados 😉
Para verificar se tudo está funcionando bem, clicamos no botão roxo ‘Gerar arquivos estáticos’ e se tudo correr bem, nosso site estático será carregado no GitHub.
E em nosso repositório GitHub teremos que ver algo semelhante a isto:
Implante a Web Estática em Kinsta
Kinsta permite hospedar até 100 sites estáticos gratuitamente.
Você só precisa criar um conta gratuita no MyKinsta.
Dentro do MyKinsta, vamos para a seção Sites estáticos e nós clicamos Adicionar site
Se não tivermos Kinsta conectado à nossa conta GiHub, nós o conectamos e se já o tivermos conectado, selecionamos o repositório web estático que temos no GiHub:
Se cada vez que adicionamos alterações ao site queremos que ele seja exibido automaticamente, marcamos Implantação automática no Commit e clicamos em continuar.
Como o site é estático, nesta tela não precisamos tocar em nada, clicamos em Criar site.
Esperamos alguns minutos e se tudo correr bem teremos nosso novo site estático pronto 🙂
Considerações Finais
- O site de exemplo é simples, mas funcionaria tão bem com designs Elementor ou DIVI complexos.
- Se você possui WordPress na internet, recomendo que coloque uma senha para que não seja indexado.
- Sempre faça cópias de segurança. É fácil ‘perder’ o WordPress quando o que você está usando é um site estático
Espero que tenham gostado e achado útil.