Tens de criar um novo site empresarial e surge a pergunta: WordPress ou Next.js? A agência sugere uma opção, o programador amigo outra, e todos têm os seus argumentos. Nesta comparação mostramos as duas tecnologias uma a uma: o que são, quanto custam a manter, qual é mais rápido, quem vai editar os conteúdos e que tipo de hosting é necessário. No final tens um guia simples para saber quando escolher cada solução.
Desde já com honestidade: ambos os colocamos no Saplo com um clique, por isso não temos interesse em recomendar um deles. A escolha depende do projeto, não da moda.
Índice
- O que é o WordPress?
- O que é o Next.js?
- Em que diferem o WordPress e o Next.js na prática?
- Quem vai editar os conteúdos no site?
- O que é mais rápido e melhor para SEO?
- Quanto custa criar e manter o site?
- O que é mais seguro?
- Que tipo de hosting precisa o WordPress e o Next.js?
- Ou talvez usar os dois em simultâneo?
- Quando escolher WordPress e quando Next.js?
- Como instalar WordPress ou Next.js na Saplo?
- FAQ
O que é o WordPress?
O WordPress é um sistema de gestão de conteúdo (CMS) escrito em PHP, com base de dados MySQL ou MariaDB. Segundo a W3Techs, mais de 40 por cento de todos os sites na internet funcionam com ele. Instalado, escolhes um tema, adicionas plugins e tens imediatamente um painel onde podes adicionar páginas, publicações no blogue, fotografias e formulários.
A força do WordPress está no seu ecossistema. Existe um plugin disponível para quase todas as necessidades: formulário de contacto, SEO, multilinguismo, reservas, loja online. A loja online é o plugin WooCommerce, que transforma o site num comércio eletrónico completo com carrinho, pagamentos e gestão de stock.
Um site em WordPress é composto por três camadas: o núcleo, o tema (aspecto) e os plugins (funcionalidades). Cada uma delas requer atualizações, como mencionamos mais abaixo na secção de segurança.
O que é o Next.js?
Next.js é um framework para construir sites e aplicações em React, desenvolvido pela empresa Vercel. Não é um CMS pronto com painel, mas sim uma ferramenta para programadores. Um site em Next.js é criado como código: componentes, subpáginas, estilos, e o conteúdo vem de ficheiros, de bases de dados ou de um CMS externo.
A característica mais importante do Next.js é o modo de renderização. As páginas podem ser:
- geradas estaticamente durante a compilação (SSG), pelo que o servidor entrega HTML pronto,
- renderizadas no servidor a cada acesso (SSR), quando o conteúdo precisa de estar atualizado,
- atualizadas incrementalmente (ISR), ou seja, estáticas, mas reconstruídas de tempos em tempos.
Com isso, um site bem feito em Next.js carrega muito rápido, e o Google vê o conteúdo completo logo no HTML. A desvantagem é que cada alteração visual ou nova funcionalidade exige trabalho de programador.
Qual é a diferença prática entre WordPress e Next.js?
Em resumo: o WordPress é uma casa pronta que decoras por ti mesmo. O Next.js é um projeto arquitetónico com uma equipa de construção. Detalhes na tabela.
| Caraterística | WordPress | Next.js |
|---|---|---|
| Tipo | CMS pronto com painel | framework para programador |
| Linguagem | PHP | JavaScript / TypeScript (React) |
| Edição de conteúdo | no painel, sem código | no código ou através de outro CMS |
| Início do projeto | horas ou dias | dias ou semanas |
| Novas funcionalidades | geralmente plugin | geralmente código |
| Velocidade | depende do tema, plugins e cache | alta desde o início |
| Manutenção | atualizações do núcleo, tema e plugins | atualizações das dependências npm |
| Loja | WooCommerce pronto a usar | integração com motor externo |
| Hosting | PHP + base de dados | processo Node.js ou ficheiros estáticos |
Nenhuma das colunas é "melhor". O WordPress destaca-se pelo tempo de implementação e autonomia do dono do site. O Next.js destaca-se pela performance e liberdade quando o site é mais uma aplicação do que um cartão de visita.
Quem vai editar o conteúdo no site?
Esta pergunta decide a questão com mais frequência do que a rapidez ou os custos. Se, após a entrega do site, o conteúdo for alterado por alguém da empresa que não programe, o WordPress é a escolha natural. O painel é conhecido por milhões de pessoas, o editor de blocos permite estruturar uma página sem conhecer HTML, e alterar uma tabela de preços ou adicionar uma publicação no blog não exige telefonar para a agência.
No Next.js, mudar o texto pode significar editar o código e um novo lançamento. É possível contornar isto, ligando um headless CMS (por exemplo, Directus, Strapi ou WordPress como back-end), mas é um elemento adicional para instalar, configurar e manter.
Regra simples: se o conteúdo muda todas as semanas e é feito pelo marketing, começa com o WordPress. Se o conteúdo muda raramente e o site é desenvolvido por um programador, o Next.js não será um obstáculo.
O que é mais rápido e melhor para SEO?
Next.js tem aqui uma vantagem desde o início. HTML pronto, divisão do código em pequenos pacotes, otimização de imagens incorporada (componente next/image) e carregamento de fontes sem saltos de layout costumam garantir bons resultados Core Web Vitals sem trabalho adicional.
O WordPress pode ser igualmente rápido, mas é preciso cuidar disso: tema leve, número razoável de plugins, cache de páginas, PHP atualizado, imagens comprimidas. Um construtor de páginas pesado e trinta plugins podem baixar a pontuação do PageSpeed para menos de 50. Se o teu site já está lento, dá uma vista de olhos ao guia WordPress lento? 9 causas e como corrigir.
Para o SEO em si, ambas as tecnologias são adequadas. O Google indexa o WordPress há vinte anos, e plugins como Yoast ou Rank Math oferecem controlo confortável sobre títulos, descrições e mapa do site. No Next.js, meta tags, mapa do site e dados estruturados são configurados pelo programador no código. O que determina a posição no Google são o conteúdo, os links e a rapidez, não o nome do framework.
Quanto custa criar e manter um site?
O custo tem três componentes: criação, manutenção e alojamento.
Criação. Um cartão de visita em WordPress com um tema pronto é um trabalho de alguns dias. O mesmo site em Next.js, projetado e codificado do zero, normalmente demora mais horas de programador, por isso custa mais no início. A diferença diminui em projetos atípicos, onde no WordPress também seria necessário escrever um tema e funções personalizados.
Manutenção. O WordPress requer atualizações regulares do núcleo, tema e plugins, e alguns bons plugins são pagos num modelo anual. O Next.js não tem plugins para pagar, mas qualquer alteração significativa implica horas de programador.
Alojamento. Um site em WordPress funciona em qualquer alojamento com PHP e base de dados. O Next.js com renderização no servidor precisa de um processo Node.js ativo, algo que alojamentos partilhados comuns não oferecem. Por isso, muitas pessoas hospedam o Next.js no Vercel. O plano gratuito é destinado a projetos não comerciais, e o plano Pro custa 20 dólares por mês para cada membro da equipa, mais taxas por tráfego acima do limite.
Na Saplo, ambas as tecnologias cabem num único Box com preço anual. O Box S custa 27 € por ano (1 GB RAM, 15 GB de disco NVMe), o Box M 63 € por ano (2 GB RAM, 30 GB, acesso SSH), o Box L 136 € por ano (6 GB RAM, 60 GB). Em todos os planos, o número de aplicações e domínios é ilimitado, portanto o WordPress e o Next.js podem coexistir sem custo adicional. Os preços atuais estão no cenniku Saplo.
O que é mais seguro?
A popularidade do WordPress funciona nos dois sentidos. Como tantas páginas estão construídas com ele, é o alvo mais comum de ataques automáticos. No entanto, a maior parte das invasões não afeta o núcleo em si, mas sim plugins e temas desatualizados. Um site onde alguém se preocupa em manter tudo atualizado, usa palavras-passe fortes e não mantém plugins abandonados, é seguro.
Next.js tem uma superfície de ataque menor, porque não possui um painel público de login num endereço conhecido nem um mercado de plugins de milhares de autores. Uma página gerada estaticamente é, na prática, simples ficheiros HTML. Isso não significa que não existam problemas: as dependências npm também têm vulnerabilidades e precisam de ser atualizadas, e um erro no código da API é um erro do teu programador.
Em ambos os casos, conta também o local onde o site está alojado. Num alojamento partilhado, um site infectado do vizinho pode ser um problema para outras contas no mesmo servidor. Na Saplo, cada Box é um contentor separado com os seus próprios recursos, e uma cópia de segurança é feita todas as noites fora do servidor em todos os planos.
Que tipo de hosting precisa o WordPress e que tipo precisa o Next.js?
O WordPress precisa de:
- PHP na versão mais recente (hoje, o mínimo razoável é 8.2 ou 8.3),
- base de dados MySQL ou MariaDB,
- servidor web (nginx ou Apache) e certificado SSL,
- idealmente cache no lado do servidor, e no caso de uma loja, também object cache (Redis).
O Next.js precisa de:
- Node.js na versão exigida pela versão do framework,
- espaço para construir o projeto (
npm installenpm run buildconsomem bastante memória, para projetos maiores é necessário mais de 1 GB de RAM), - um processo que esteja sempre ativo e que reinicie sozinho após uma falha,
- um servidor web à frente da aplicação, que direcione o tráfego do domínio para a porta do Node.js e trate o SSL.
Se exportares o projeto Next.js totalmente para ficheiros estáticos (output: 'export'), basta um hosting comum de ficheiros. Contudo, perdes a renderização do lado do servidor e a API, ou seja, metade das razões para escolher Next.js. Podes ler mais sobre quando faz sentido ter um processo próprio na página hosting Node.js.
E se fosse os dois ao mesmo tempo?
Há uma terceira via, cada vez mais comum em projetos maiores: headless WordPress. O WordPress permanece como back-end, onde a equipa editorial escreve conteúdos no painel familiar, enquanto o Next.js gera a página para os visitantes, buscando conteúdos via REST API ou WPGraphQL.
Vantagens: a equipa editorial não precisa aprender nada novo, e os visitantes têm um site rápido. Desvantagens: geres duas aplicações em vez de uma, algumas extensões do WordPress (especialmente as que exibem algo no site) deixam de fazer sentido, e a pré-visualização da publicação antes da publicação deve ser criada separadamente. Esta solução é adequada para empresas com um programador fixo, não para um simples cartão de visita.
Na Saplo podes montar este arranjo num único Box: o WordPress numa subdomínio do back-end, e o Next.js no domínio principal.
Quando escolher WordPress e quando Next.js?
Escolhe WordPress quando:
- o conteúdo vai ser alterado por alguém sem conhecimentos de programação,
- precisas de um site rápido e a um preço razoável,
- estás a construir uma loja e o WooCommerce satisfaz as tuas necessidades,
- queres ter várias opções de prestadores, porque quase todas as agências conhecem WordPress,
- o site é um cartão de visita, blog, portfólio ou um site empresarial.
Escolhe Next.js quando:
- o site é mais uma aplicação do que um cartão de visita: login, painel do cliente, calculadoras, integrações com API,
- a velocidade de carregamento tem impacto direto nas vendas e queres isso pronto a usar,
- tens um programador ou equipa para desenvolver o site,
- o projeto já está em React e queres manter um único stack tecnológico.
Considera headless, quando a equipa editorial escreve muito, o site tem de ser muito rápido, e podes suportar a manutenção de dois elementos.
Se ainda tens dúvidas entre alojamento partilhado e servidor próprio, lê a comparação Saplo contra shared hosting: quando um VPS faz sentido.
Como instalar o WordPress ou Next.js no Saplo?
Ambas as tecnologias estão no catálogo de aplicações do Saplo e instalam-se a partir do painel.
WordPress:
- No painel, escolhe do catálogo o WordPress.
- Insere o título do site, escolhe a versão de PHP (de 7.4 a 8.5, por defeito 8.3) e indica se queres instalar o WooCommerce imediatamente.
- Após alguns minutos, o site está disponível numa subdomínio
*.saploapp.plou no teu domínio, com certificado SSL gratuito. - Para aceder ao painel do WordPress, faz login com um clique direto a partir do painel do Saplo, sem necessidade de password separada.
Podes encontrar instruções detalhadas no artigo Como instalar WordPress no Saplo (passo a passo).
Next.js:
- No painel, escolhe do catálogo o Next.js.
- O Saplo cria o projeto inicial, compila-o e arranca-o como um processo que reinicia automaticamente em caso de falha. O tráfego do domínio é dirigido para a aplicação através do nginx com certificado SSL.
- Ligação do teu código via GitHub: conectas o repositório à aplicação, adicionas o ficheiro
saplo.yaml, e cadagit pushà branch de produção constrói e implementa uma nova versão, normalmente em 1 a 3 minutos.
Os detalhes estão no guia Como instalar Next.js no Saplo.
Já tens um site WordPress noutro fornecedor? A migração para o Saplo está incluída no Preço de todos os planos, e podes também transferi-lo tu próprio com o plugin Saplo Migrate. Explicamos isto no guia como transferir WordPress para um novo hosting sem perder SEO.
FAQ
O Next.js vai substituir o WordPress?
Não nos próximos anos. São ferramentas para públicos diferentes. O WordPress oferece um painel pronto para pessoas que não programam, enquanto o Next.js oferece aos programadores liberdade e desempenho. Em muitos projetos, ambos funcionam em conjunto, sendo o WordPress o backend de conteúdos e o Next.js a camada visível para os visitantes.
É possível editar um site em Next.js sem um programador?
Sim, mas é preciso planear isso desde o início. É necessário um CMS separado (por exemplo, headless WordPress, Directus ou Strapi), do qual o Next.js obtém os conteúdos. Sem ele, qualquer alteração de texto implica editar o código e fazer uma nova implementação.
O WordPress é mais lento que o Next.js?
Normalmente sim, porque cada acesso ativa o PHP e consultas à base de dados. Com cache de páginas, um tema leve e um número razoável de plugins, o WordPress consegue resultados muito bons no PageSpeed. O Next.js oferece velocidade sem necessidade desse trabalho extra, mas um código mal escrito pode ser igualmente lento.
Posso alojar Next.js num serviço de alojamento partilhado comum?
Só na versão totalmente estática (output: 'export'). O rendering do lado do servidor, API e ISR requerem um processo Node.js a correr, o que um alojamento partilhado normalmente não permite. É necessário um servidor, container ou uma plataforma tipo Vercel. No Saplo, o Next.js funciona no teu Box como uma aplicação normal do catálogo.
Posso ter WordPress e Next.js no mesmo plano Saplo?
Sim. Cada Box permite aplicações e domínios ilimitados, por isso podes ter WordPress, Next.js e, por exemplo, n8n lado a lado. O único limite são a memória e o espaço em disco do plano escolhido, e podes adquirir recursos adicionais no painel sem necessidade de migração.
- #Next.js
- #Hosting
- #Guias
- #Comparação
- #WordPress
