11 geradores de sites estáticos de código aberto que você pode usar para construir seu site

agosto 28, 2021 gurinho

Você está procurando um gerador de sites estáticos de código aberto? Não procure mais, este artigo cobre você.

Os sites podem ser considerados estáticos ou dinâmicos. Um CMS (Sistema de Gerenciamento de Conteúdo) como o WordPress geralmente ativa sites dinâmicos. O sistema de gerenciamento de conteúdo obtém as informações de um banco de dados e, em seguida, preenche o conteúdo em uma página da web sempre que um usuário o solicita.

Sites estáticos são sites servidos de um servidor da web para o cliente sem alterações. É um método simples de construir sites, pois cada página do site é um arquivo HTML separado. Nos primórdios da web, era assim que eles construíam sites.

Portanto, se você visitar a página inicial em um site estático, estará visualizando um arquivo de página inicial real. Neste artigo, apresentaremos 11 geradores de sites estáticos de código aberto e gratuitos que você pode usar para construir seu site.

1. Jekyll

Jekyll é o pioneiro em geradores de sites estáticos. Foi lançado pela primeira vez em 2008 pelo cofundador do Github, Tom Preston-Werner. É escrito usando Ruby e gera sites estáticos carregando conteúdo de arquivos JSON, YAML, CSV e TSV.

Jekyll está capacitando GitHub Pages, que permite aos usuários hospedar seus sites com base em sua conta de repositório GitHub sem nenhum custo adicional.

Link do Github: https://github.com/jekyll/jekyll

2. Hugo

Hugo é um gerador de sites estáticos de código aberto construído usando a linguagem de programação Go. O que destaca o Hugo é a rapidez com que cria sites. Também é flexível e oferece um poderoso sistema de temas que permite criar seu tema.

Ele está disponível em várias plataformas de sistema operacional, oferece suporte a URLs bonitos e tem várias opções de tipos de conteúdo.

Github: https://github.com/gohugoio/hugo

3. Publii

Publii é um aplicativo gratuito para desktop de código aberto. Ele é executado localmente em sua máquina em vez dos servidores do site e não requer acesso à Internet. Assim, você pode trabalhar em seu site offline.

Quando você ficar online, simplesmente carregue as alterações em seu servidor e ele salvará as alterações. Existem várias opções de upload, incluindo os servidores HTTP / HTTPS padrão, Amazon S3, GitHub Pages, Netlify, SFTP e Google Cloud.

Com Publii, você pode criar um blog pessoal, portfólio ou site corporativo. Ele também oferece suporte para criar, alterar e executar sites ilimitados do mesmo aplicativo com comutação instantânea. Você não precisa se lembrar de nenhum banco de dados ou outras credenciais.

Github: https://github.com/GetPublii/Publii

4. Nuxt

Nuxt é uma estrutura web intuitiva baseada no Vue que permite a você construir sites estáticos. É código-fonte aberto e, quando você cria seu site estático, pode hospedá-lo gratuitamente nos aplicativos da Web estáticos do Azure. O Nuxt oferece suporte à renderização do lado do servidor, o que leva a um grande impulso de SEO, melhor UX e mais oportunidades em comparação com os tradicionais aplicativos de página única (SPA) Vue .

Github: https://nuxtjs.org

5. Gridsome

Gridsome é mais um SSG de código aberto baseado em Vue.js e desenvolvido com GraphQL. Ele usa a estrutura Jamstack, que permite construir sites que são rápidos por padrão, melhor desempenho, equipados com maior segurança, apresentam baixo custo de escalonamento e uma melhor experiência de desenvolvedor.

O Gridsome oferece suporte a PWA, que funciona offline quando não há conexão com a Internet, aproveitando os dados armazenados em cache durante sua última interação com o aplicativo.

Github: https://github.com/gridsome/gridsome

6. Hexo

Hexo é uma estrutura de blog rápida, simples e poderosa desenvolvida em Node.js. Ele suporta todos os recursos do GitHub Flavored Markdown e a maioria dos plug-ins Octopress. Ele também possui APIs poderosas que oferecem extensibilidade ilimitada.

Existem vários plug-ins para oferecer suporte à maioria dos mecanismos de modelo, por exemplo, EJS, Pug, Nunjucks e muitos outros. Também se integra facilmente com pacotes NPM (Node Package Manager) como Babel, PostCSS e Less / Sass.

Github: https://github.com/hexojs/hexo

7. Docusaurus

Docusaurus é um gerador de sites estáticos de código aberto desenvolvido pelo Facebook. É construído usando React e é alimentado por Markdown. Você pode escrever documentos e postagens de blog usando Markdown, e o Docusaurus publicará um conjunto de arquivos HTML estáticos.

Portanto, você pode economizar tempo e se concentrar apenas na documentação do seu projeto. Você pode até incorporar componentes JSX em seu Markdown, graças ao MDX. Docusaurus também vem com localização pré-configurada, que pode traduzir seus documentos para mais de 70 idiomas.

Github: https://github.com/facebook/docusaurus

8. VuePress

VuePress é um SSG minimalista desenvolvido por Evan You; o criador do Vue.js. Foi desenvolvido para apoiar as necessidades de documentação técnica dos projetos Vue. É alimentado por Vue, Vue Router e Webpack. O Vuepress é de código aberto, simples de usar e requer configuração mínima com redução de preço.

Github: https://github.com/vuejs/vuepress

9. Onze

Eleventy (11ty) é um SSG de código aberto mais simples. Ele foi criado para ser uma alternativa JavaScript ao Jekyll. Ele tem configuração zero, o que significa que o Eleventy pode ser executado sem arquivos de configuração ou linhas de comando. Conseqüentemente, diminui a barreira de entrada para a construção do seu primeiro projeto. Você colocará seu site em funcionamento mais rápido do que nunca.

Eleventy usa mecanismos de template independentes. Se você decidir usar outra coisa posteriormente, ter seu conteúdo organizado dessa forma tornará a migração mais fácil. Ele também possui vários idiomas de modelo. Você pode escolher um ou usá-los todos juntos em um único projeto.

Github: https://github.com/11ty/eleventy/

10. Pelican

Pelican é um SSG de código aberto escrito em Python. Seus recursos incluem escrever conteúdo em reStructuredText ou marcação Markdown, saída estática fácil de hospedar e temas personalizados por meio de modelos Jinja. Também é multilíngue, tem feeds atom / RSS, destaque de sintaxe de código, importação de WordPress e outros serviços, sistema modular de plugins, repositório de plugins correspondente e muitos outros recursos.

Github: https://github.com/getpelican/pelican

11. Lektor

Lektor é mais um SSG de código aberto construído em Python. É 100% baseado em arquivos, o que significa que todos os dados de origem são bem estruturados e podem ser rastreados em um sistema de controle de versão ou armazenamento em nuvem como o Dropbox . Ele também possui um banco de dados de arquivo simples no qual todos os dados de origem são armazenados em um banco de dados de árvore de arquivo simples e podem ser consultados livremente. O layout desses dados é totalmente configurável.

Lektor tem um administrador personalizável onde você pode editar suas páginas sem ter que tocar nas fontes brutas. Ele também possui rastreamento de dependências, onde o processo de construção rastreia de forma inteligente as dependências da página, de forma que ele apenas reconstrói as páginas que foram alteradas. Seus outros recursos incluem um sistema de plugins, ferramentas de imagem, multilíngue, implantado a partir de qualquer host, executado em Windows, Linux e OSX.

Github: https://github.com/lektor/lektor

Construa seu site estático

Os sites estáticos oferecem uma ampla gama de vantagens. Esses sites são flexíveis, têm melhor desempenho, têm menos dependências do lado do servidor, maior confiabilidade, segurança superior e excelente controle e teste de versão. Se você deseja construir um site estático, certifique-se de verificar os geradores de sites estáticos de código aberto gratuitos acima.