As ideias principais
- Um Portable Website é um site completo que você pode guardar, transferir e manter. Uma Web Application permite realizar tarefas pelo navegador. Um site que apresenta uma empresa nem sempre precisa depender de uma aplicação em funcionamento permanente.
- Uma Web Application pode criar um Portable Website. O editor, a IA e o banco de dados ajudam a preparar as páginas, mas o site pronto pode funcionar sem consultar essas ferramentas a cada visita.
- Escolha a hospedagem e os profissionais que combinam com sua empresa. Seu site portátil pode se conectar a serviços de reservas, pagamentos e contas de usuário para atender aos visitantes e à equipe.
1. Você precisa de um Portable Website ou de uma Web Application?
Um fabricante quer mostrar o que consegue produzir, suas certificações e seu catálogo. Um consultor precisa explicar os serviços e apresentar trabalhos realizados para clientes. Um designer quer expor seu portfólio. Quem visita esses sites procura conhecer a oferta, avaliar se ela atende ao que precisa e entrar em contato. Já uma plataforma de negociação precisa executar ordens de compra e venda. Uma ferramenta de colaboração tem de guardar documentos privados e coordenar alterações feitas ao mesmo tempo. Todos esses serviços são acessados pelo navegador, mas resolvem necessidades diferentes.
Chamamos de Portable Website um site completo que você pode guardar, levar para uma hospedagem compatível e manter sem depender de quem o criou. Uma Web Application é um programa usado pelo navegador para editar documentos, gerenciar pedidos ou administrar uma conta. Ela pode funcionar no próprio navegador, usar um servidor ou combinar os dois. Para apresentar uma empresa ou explicar um serviço, em geral todos os visitantes podem ver as mesmas páginas. Quando a informação mudar, os arquivos podem ser atualizados. Não é preciso consultar um banco de dados em cada visita para montar novamente o mesmo conteúdo.
Uma empresa exportadora pode precisar de um catálogo bem apresentado, em vários idiomas, e receber as consultas por e-mail. O site é essencial para ela, mas seus visitantes talvez não precisem criar contas nem consultar o estoque em tempo real. Um sistema de gestão de conteúdo, ou CMS, funcionando continuamente também pode ser desnecessário para exibir esse catálogo. Se as páginas dependerem desses sistemas, alguém terá de cuidar deles. É assim que um cliente que precisava de um Portable Website acaba assumindo a manutenção de uma Web Application.
| O que avaliar | Portable Website | Web Application |
|---|---|---|
| Resultado | Um site de apresentação completo, que você pode guardar e transferir | Um programa para executar tarefas ou gerenciar processos pelo navegador |
| O que deve continuar funcionando | Uma hospedagem compatível com os arquivos; as integrações externas dependem de seus próprios serviços | O código e os serviços usados pela aplicação. Se ela usa um servidor, pode precisar também de bancos de dados, autenticação ou APIs |
| Cuidados ao longo do tempo | Conteúdo, arquivos, contas de domínio e hospedagem, e serviços conectados | Esses cuidados, mais o ambiente de execução da aplicação, seus dados, permissões e integrações |
| O que outra pessoa precisa para assumir a manutenção | Arquivos utilizáveis, dependências documentadas e instruções para colocar o site no ar | Código, dados, configuração, serviços e conhecimento para operar a aplicação |
2. Ao contratar um site, você pode acabar tendo de manter uma aplicação
A criação do site costuma ser vendida junto com os serviços que o mantêm no ar. Ferramentas de criação online reúnem editor, armazenamento de imagens e outros arquivos, hospedagem e integrações. Um CMS tradicional pode combinar painel de administração, banco de dados, temas, plugins e um servidor que gera as páginas. Uma aplicação feita sob medida tem ainda seu próprio código e uma forma específica de instalar novas versões. Esses modelos são convenientes. Mas o cliente precisa saber que, ao escolher a ferramenta de criação, muitas vezes também está escolhendo os sistemas que terão de continuar funcionando depois da entrega.
Uma loja que processa pedidos ou uma equipe que escreve, revisa e aprova conteúdo todos os dias pode precisar dessas funções. Para um site institucional atualizado poucas vezes por ano, os mesmos sistemas podem criar trabalho sem trazer uma melhora relevante para o visitante. Alguém terá de atualizar o software do servidor, fazer backups do banco de dados, verificar a compatibilidade dos plugins, corrigir falhas de segurança e planejar como recuperar o serviço se houver um problema. Um fornecedor pode assumir boa parte desse trabalho, mas permanecem a dependência e o custo recorrente. Antes de contratar, vale entender quem precisa de cada função e por que ela deve continuar ligada às páginas prontas.
Ter uma senha de acesso ou ter pago uma fatura não esclarece, por si só, quanto controle você tem sobre o site. Confira o que consegue exportar: são páginas completas com imagens e outros arquivos, ou apenas registros de texto? Descubra o que ainda precisa funcionar no fornecedor original e se outro desenvolvedor consegue cuidar do site sem reconstruí-lo a partir de capturas de tela. Essas condições devem estar claras antes de escolher a ferramenta, enquanto você ainda pode comparar as opções.
Cuidar da própria hospedagem e usar código aberto dão controle sobre aspectos diferentes. Uma aplicação de código aberto ainda pode exigir banco de dados, um ambiente específico para rodar, backups e atualizações. Uma ferramenta proprietária, por sua vez, pode gerar arquivos em formatos abertos e comuns. Além da licença ou da categoria comercial da ferramenta, examine o site entregue e os serviços de que ele depende.
3. Criar com uma Web Application e entregar um Portable Website
As ferramentas necessárias para criar um site podem ser bem mais complexas do que aquelas usadas para mostrá-lo. Extrair informações de documentos, organizar um catálogo, traduzir textos, escolher um layout e gerar páginas que se adaptem ao celular pode envolver modelos de IA, bancos de dados, filas de tarefas e ferramentas de compilação. Uma Web Application pode coordenar esse trabalho e produzir um Portable Website. Você pode continuar usando a aplicação para preparar futuras atualizações sem fazer cada visita à página “Sobre a empresa” depender de todos esses sistemas.
CRIAÇÃO COM UMA WEB APPLICATION
Materiais + conteúdo revisado + design + traduções
|
v
ENTREGA DO PORTABLE WEBSITE
Arquivos HTML, CSS, JavaScript e recursos do site
|
v
VISITA AO SITE
Hospedagem estática compatível -> navegador
As integrações opcionais dependem de seus respectivos serviços.Quando as páginas já estão prontas, a hospedagem envia ao navegador os arquivos HTML, CSS, JavaScript e de mídia. Uma aplicação dinâmica pode executar código e consultar dados atuais para montar a resposta. Os dois métodos são úteis e podem ser combinados. A escolha depende de quais operações precisam acontecer a cada visita e quais podem ser concluídas quando o conteúdo é atualizado.
Um site estático pode se adaptar à tela, ter menus, galerias, animações e troca de idioma. Essas interações funcionam no navegador, sobre as páginas já geradas. Para incluir dados em tempo real, contas de usuário ou envio de mensagens, você pode conectar os serviços adequados. Um link de pagamento, por exemplo, leva o visitante da apresentação de um produto ao serviço que conclui a compra. Assim, as páginas independentes e os recursos de aplicação trabalham juntos para atender ao negócio.
4. O que um Portable Website deve incluir
Para o LiteSite, entregar um Portable Website significa fornecer um site completo que você pode guardar, transferir para uma hospedagem compatível e manter sem depender do LiteSite. As páginas principais do pacote funcionam sem uma conta LiteSite, sem assinatura ativa e sem recorrer aos nossos servidores de aplicação para exibir o conteúdo.
Portable Website descreve o que é entregue e a independência do proprietário. Web Application descreve o que um programa faz. Essas características podem existir juntas: uma aplicação que funciona inteiramente no navegador também pode ser portátil. Aqui, comparamos as escolhas de quem precisa apresentar sua empresa: receber arquivos independentes ou manter as páginas ligadas a uma plataforma necessária ao seu funcionamento. As tecnologias já existem. O compromisso do LiteSite é entregar um resultado cuja independência possa ser verificada.
- Site completo: o pacote inclui as páginas geradas e os arquivos necessários para exibir seu conteúdo, em vez de entregar apenas uma exportação dos textos.
- Funcionamento independente: as páginas principais não exigem um serviço privado para gerá-las, um endereço de prévia com prazo de validade nem uma sessão aberta no editor original.
- Transferência possível: outra hospedagem compatível pode receber os arquivos, com a configuração adequada de endereços, caminhos e serviços.
- Manutenção com ferramentas comuns: um desenvolvedor pode abrir, examinar e alterar o HTML, o CSS, o JavaScript e os demais arquivos entregues.
- Dependências identificadas: deve ficar claro quem fornece e quem administra formulários, estatísticas, mapas, comércio e outras integrações.
5. Menos sistemas para manter, mais liberdade de escolha
Com os arquivos em mãos, você pode manter o site no ar na hospedagem que escolher e continuar usando o resultado quando mudar de ferramenta de criação. Guarde uma cópia do pacote nos arquivos da sua empresa. Ela pode servir para recuperar o site, manter uma versão de referência, examinar o conteúdo ou entregar a manutenção a outro profissional. O resultado do investimento fica em um conjunto de arquivos que você pode conservar e usar.
Você também decide quem hospeda e quem mantém o site. Pode escolher um fornecedor que atenda às suas necessidades, pedir a outro desenvolvedor que atualize as páginas ou transferir o conjunto para outra hospedagem. Em todos esses casos, o ponto de partida é o site que você já tem, com seu conteúdo, design e arquivos. Você conserva o trabalho realizado e escolhe onde e com quem dar continuidade a ele.
Um site portátil voltado à apresentação de informações pode funcionar sem banco de dados de aplicação e sem painel administrativo no servidor público. Com menos sistemas envolvidos em cada visita, há menos trabalho de atualização, backup e monitoramento. Você pode dedicar mais atenção ao catálogo, aos trabalhos realizados e às páginas de serviços, enquanto os profissionais que escolher cuidam da hospedagem e das integrações.
A compra do site, o domínio, a hospedagem e as futuras atualizações podem ser decididos separadamente. A hospedagem estática pode ter baixo custo e até ser gratuita, o que ajuda a ajustar o orçamento às necessidades da empresa. As páginas prontas também oferecem uma base simples para cuidar da velocidade: você pode otimizar imagens, fontes e scripts e aproveitar o cache da hospedagem. Você conserva o site enquanto escolhe como investir no funcionamento e nas próximas melhorias.
6. Os arquivos que você recebe do LiteSite
O LiteSite usa o site existente e os materiais fornecidos para preparar um rascunho de conteúdo que você pode revisar e gerar um site em vários idiomas. A prévia privada permite avaliar o resultado antes da compra. Depois, você recebe o pacote para colocar o site no ar, sem a marca d’água e sem os controles de acesso da prévia. Baixe os arquivos, guarde uma cópia e use o pacote para publicar o site na hospedagem que escolher.
index.html
about.html
content.json
…outras páginas incluídas
zh-Hans/
index.html
about.html
content.json
…outras páginas incluídas
assets/
…estilos, scripts, imagens, fontes
robots.txt
sitemap.xml
seo-manifest.json
manifest.json
package-info.json
healthcheck.json
README.md
AGENTS.md
DEVELOPMENT.md
litesite-dev.mjs
litesite-bind-origin.mjsOs documentos HTML e os demais arquivos do site contêm as páginas que o visitante vê. Os arquivos content.json guardam uma cópia do conteúdo comprado para consulta; o texto e a estrutura exibidos pelo navegador já estão no HTML. Os manifestos registram a lista de arquivos e as informações usadas para verificar sua integridade. O README explica o pacote e os passos para publicá-lo. AGENTS.md oferece aos agentes de programação com IA um ponto de partida breve. DEVELOPMENT.md explica os arquivos do site, as convenções de design e os padrões de interação; litesite-dev.mjs permite pré-visualização e verificações locais. A ferramenta incluída para configurar o endereço de destino prepara uma pasta separada, pronta para publicação.
Depois de configurar o destino, um desenvolvedor pode editar diretamente o HTML, o CSS, o JavaScript e os demais arquivos da cópia de trabalho e publicar o resultado. Para atualizar o que o visitante vê, trabalhe nesses arquivos gerados e use content.json como referência. Preserve o pacote original: a ferramenta verifica sua integridade ao preparar novas cópias para outros destinos. Assim, você tem um original para futuras publicações e arquivos editáveis para adaptar o site às necessidades da empresa.
7. Como transferir o site para outra hospedagem
Comece pelo ZIP de produção e guarde uma cópia intacta. Escolha o endereço HTTPS definitivo e uma hospedagem compatível com os arquivos estáticos e os caminhos do pacote. Ao publicar pelo LiteSite na sua própria conta Cloudflare, o LiteSite prepara os arquivos para esse destino. Para fazer a transferência manualmente, siga o README e use a ferramenta incluída para configurar o endereço.
node litesite-bind-origin.mjs https://example.com/
# Envie o diretório litesite-deployment/ resultante para a hospedagem.A ferramenta ajusta ao destino escolhido as URLs canônicas, os links entre versões de idioma, as URLs Open Graph e os endereços do sitemap. Ela prepara uma cópia para publicação e mantém os arquivos originais intactos. O Node.js é usado nessa preparação; depois, a hospedagem entrega as páginas geradas diretamente ao navegador. Envie a pasta litesite-deployment/ resultante e conserve o pacote original com o README e a ferramenta de configuração para preparar futuras publicações.
node litesite-bind-origin.mjs https://USER.github.io/ /REPO/Envie a pasta preparada e teste o site no endereço real. Confira a página inicial e abra uma página interna diretamente pela URL. Verifique todos os idiomas, imagens, downloads e integrações externas, além do HTTPS e do domínio escolhido. Configure o DNS para apontar o domínio à nova hospedagem. Se estiver substituindo um site que já está no ar, prepare na hospedagem anterior os redirecionamentos dos endereços que mudarem, para que os links existentes levem às páginas correspondentes.
Se o site for publicado em uma subpasta como /REPO/, informe esse caminho ao preparar a cópia. Os buscadores consultam robots.txt na raiz do domínio: coloque ali as instruções de rastreamento ou verifique como o fornecedor as administra, caso use uma hospedagem compartilhada. Confira também se os links e as páginas de cada idioma abrem a partir do caminho escolhido. Essas verificações deixam o site pronto no novo endereço.
8. Conecte os serviços de que sua empresa precisa
Um Portable Website pode ser a porta de entrada para os serviços da sua empresa. Inclua um formulário para receber consultas, um mapa para ajudar os clientes a encontrar você, um link de reservas para marcar um horário ou um serviço de pagamento para concluir uma compra. Você pode escolher fornecedores que combinam com sua forma de trabalhar e conectá-los por links ou integrações. As páginas apresentam a oferta e cada serviço executa a tarefa para a qual foi escolhido.
| Elemento | Como usar |
|---|---|
| HTML, CSS, JavaScript e arquivos de mídia incluídos | Guarde os arquivos e publique-os em uma hospedagem compatível |
| Domínio, DNS e HTTPS | Escolha o endereço da empresa e configure-o nas contas de domínio e hospedagem |
| Formulários, mapas, estatísticas, reservas e pagamentos | Conecte serviços que ajudem seus visitantes a entrar em contato, reservar ou comprar |
| Atualizações do site | Peça à equipe ou a um desenvolvedor que cuide das melhorias de conteúdo, integrações, acessibilidade e publicação |
Um Portable Website e uma Web Application podem atender à mesma empresa. O site apresenta o negócio, o catálogo e os serviços; a aplicação gerencia contas, reservas ou pedidos. O visitante pode conhecer seu trabalho, encontrar o que procura e seguir um link para iniciar a operação de que precisa. Você escolhe quem cuida de cada parte e pode atualizar a apresentação ou os serviços conforme a empresa muda.
9. Escolha o que atende ao seu negócio
Um Portable Website atende bem a quem quer apresentar uma empresa, explicar serviços, oferecer um catálogo de exportação, criar um site de campanha ou mostrar um portfólio profissional. É útil quando o conteúdo muda de tempos em tempos, há vários idiomas e você quer guardar o resultado ou entregá-lo a outro desenvolvedor. Você pode usar ferramentas avançadas na criação e receber um site independente, pronto para hospedar e compartilhar com os clientes.
Uma Web Application oferece recursos úteis para painéis por usuário, estoque atualizado em tempo real, processamento de pedidos, assinaturas complexas e edição por várias pessoas. Uma equipe editorial grande também pode usar um CMS para escrever e aprovar textos e gerar depois as páginas públicas. Escolha as ferramentas de acordo com o trabalho de cada pessoa: a equipe prepara o conteúdo, os visitantes conhecem a oferta e as aplicações cuidam das operações. O site portátil e os serviços de aplicação podem fazer parte da mesma solução.
Mesmo que seu negócio precise de uma Web Application, seu desenvolvedor pode construí-la a partir do site gerado pelo LiteSite. Ele pode reaproveitar as páginas, o design e o conteúdo, acrescentando contas de usuário, gestão de pedidos e os serviços de backend necessários ao seu negócio.
- O que você quer apresentar aos visitantes e quais ações quer oferecer?
- Com que frequência atualizará o conteúdo e quem cuidará disso?
- Quais arquivos você vai guardar e como a equipe vai compartilhá-los?
- Quais serviços de contato, reservas, pagamentos ou contas de usuário quer conectar?
- Quais fornecedores de hospedagem e quais profissionais combinam com sua empresa?
- Qual orçamento quer dedicar ao site e às próximas melhorias?
10. O LiteSite cria o site; você fica com o Portable Website
O LiteSite é uma Web Application. Usa contas, processos com IA, edição, tradução e geração de páginas para criar um site. O cliente compra um Portable Website: um pacote completo cujas páginas principais podem funcionar em uma hospedagem compatível, sem os servidores de aplicação do LiteSite. Ele pode avaliar uma prévia real, comprar o resultado, baixar os arquivos e escolher onde hospedá-los. Os sistemas usados na criação continuam no LiteSite; o cliente recebe o site que eles produzem.
Você pode verificar essa independência no próprio pacote. Guarde uma cópia, confira os serviços externos de que ela depende e siga as instruções para publicá-la em uma hospedagem compatível. Outro desenvolvedor deve conseguir usar esses arquivos e essas instruções para assumir o cuidado com o site.
Ao decidir o que contratar, separe as funções necessárias para criar o site das funções que seus visitantes vão usar. Mantenha as aplicações que resolvem essas tarefas e defina quem cuida de cada serviço. As páginas que apresentam sua empresa podem ficar em um pacote que você guarda, transfere e mantém por conta própria.
Referências e leituras complementares
As explicações técnicas se apoiam nos padrões abertos da web e na documentação abaixo. A descrição do pacote LiteSite corresponde aos arquivos entregues atualmente; a lista mostra como as páginas e os recursos de um site multilíngue são organizados.