Pular pro conteúdo
Huios Web
NXT-01Criação de sites em Next.js para empresasTicket R$ 1.500 – R$ 80.000+Entrega 4 dias a 12 semanas

Site em Next.js: Core Web Vitals verde e SEO técnico de fábrica.

Site em Next.js é o padrão técnico que sites institucionais sérios adotaram em 2026 — LCP abaixo de 2.5s, bundle de 60-120KB, App Router com Server Components e Partial Prerendering pra ranquear no Google, zero plugin vulnerável. A Huios é uma agência Next.js: codifica em Next.js 16 + React 19, hospeda na Vercel com Edge Functions, persiste em Postgres (Neon) com Prisma e entrega o repositório no GitHub do cliente. O próprio huiosweb.com.br roda nessa stack — eating our own dog food. Quer ver o que entra em cada faixa? Veja a página de quanto custa um site e a especialização em site com SEO técnico — esta página foca na vantagem do framework em si.

Diagnóstico gratuito de 30minVer pricing

O que é Next.js

O que é Next.js e por que importa pra site institucional

Next.js é o framework React mantido pela Vercel que combina App Router, Server Components, Server Actions, ISR e Edge Functions. Pra site empresarial, entrega HTML pronto no primeiro byte (LCP < 2s), revalida conteúdo sob demanda e só envia JavaScript quando há interação. SEO técnico, performance mobile e segurança vêm embutidos — não dependem de plugin.

Server Components por default e Partial Prerendering

Next.js 16 renderiza tudo no servidor a menos que o componente declare "use client". Combinado com Partial Prerendering (estável em produção desde o release Next 16), a casca da página vira estática e os trechos dinâmicos chegam em streaming via Suspense. Resultado: TTFB de 30-80ms e LCP no p75 abaixo de 1.8s, sem otimização manual. Conforme o blog oficial da Vercel sobre o release Next.js 16, "Partial Prerendering combines the speed of static with the personalization of dynamic" — exatamente o que SEO exige hoje.

App Router, parallel routes e intercepting routes

App Router (estável desde Next 13.4, padrão em 16) substitui o Pages Router legacy e habilita parallel routes (renderizar várias rotas no mesmo layout, ex: dashboard com modal), intercepting routes (abrir uma rota como modal sobre outra) e route groups com layouts aninhados. Pra site institucional, isso vira nav global compartilhado entre marketing e admin sem hidratar nav duas vezes — economia real de JavaScript no bundle.

Server Actions + Suspense + use() hook

Formulários submetem via Server Actions ("use server") direto pro banco — zero endpoint REST manual, zero CSRF token quebrado. Suspense com streaming SSR carrega seções abaixo da dobra em background; o hook use() do React 19 consome promises dentro do componente. WordPress reproduz esse comportamento só com plugin de cache + LiteSpeed + tuning manual.

Turbopack, tree shaking e bundle splitting automático

Turbopack (bundler estável em Next.js 16, escrito em Rust) substitui Webpack e dá build 5-10× mais rápido no dev e produção. Tree shaking elimina código morto e bundle splitting cria chunks por rota — o visitante só baixa o JavaScript da página que está vendo. Bundle inicial fica em 60-120KB; WordPress com Elementor entrega 800KB-1.5MB segundo o HTTPArchive State of the Web 2025.

ISR com on-demand revalidation

Posts de blog, cases e landings viram HTML estático servido da CDN Anycast da Vercel (90+ POPs), mas revalidam via revalidateTag/revalidatePath quando o admin edita — sem build manual. Velocidade de site estático com flexibilidade de CMS sem ter que escolher. Conforme docs oficiais da Vercel, on-demand revalidation propaga em segundos no edge global.

Edge runtime, Vercel KV, Postgres (Neon) e Blob

Rotas que precisam de resposta global (busca, geo-redirect, A/B test, autenticação) rodam no edge — TTFB de 30-80ms em qualquer continente. Ecosistema Vercel cobre o resto: Postgres (Neon como provider serverless), KV pra cache, Blob pra upload de imagens e Edge Config pra feature flags. Hospedagem WordPress tradicional fica fixa num servidor único com latência maior fora do datacenter.

Next.js virou padrão de mercado em sites de marcas que dependem de SEO orgânico — Notion, Hashnode, OpenAI, TikTok marketing pages, Loom, Linear, Stripe documentation e Vercel. Concorrentes diretos no espaço meta-framework são Remix (React Router 7), Nuxt (Vue), SvelteKit, Astro (focado em sites de conteúdo) e Gatsby (legacy). Next.js mantém a maior fatia de mercado em React server-rendering segundo o State of JS 2024 e o relatório Core Web Vitals da Google de 2025. Não é hype: é o framework que mais se aproxima de "boas práticas web embutidas". Pra projeto com identidade visual única e múltiplas integrações, veja também o caminho de site sob medida.

Quando usar Next.js (e quando não)

Quando Next.js compensa pra sua empresa — e quando WordPress ainda resolve

Next.js é tecnicamente superior na maioria dos cenários, mas custa mais e exige dev pra alterar o que vai além do CMS. Esse mapa ajuda a decidir antes de assinar contrato.

Quando Next.js é a escolha certa

  1. Você depende de tráfego orgânico Google

    Core Web Vitals viraram fator de ranqueamento confirmado pelo Google em 2021 (paper original "Page Experience") e o peso só cresceu com o INP substituindo o FID em março de 2024. Site com LCP em 3.8s perde posição pra concorrente com LCP em 1.6s — o mesmo conteúdo, ranqueamento diferente. Conforme o relatório CrUX 2025 (Chrome User Experience Report), apenas 39% dos sites WordPress passam nos três CWV simultaneamente vs 78% dos sites Next.js. Next.js entrega verde de fábrica; WordPress exige tuning constante.

  2. Mobile representa 60%+ dos visitantes

    No mobile, JavaScript pesado mata UX e conversão. Next.js só envia JS de componentes que viram interativos via "use client" — bundle inicial fica em 60-120KB com tree shaking + bundle splitting. WordPress com Elementor manda 800KB-1.5MB (HTTPArchive State of the Web 2025 — mediana de payload JS em sites WP+page builder). Em conexão 4G de cidade do interior, a diferença é entre site usável e site abandonado. Conforme Google research de 2018 (ainda válido), cada segundo extra de LCP reduz conversão em ~7%.

  3. Você quer painel próprio sem plugin vulnerável

    Painel admin custom em Next.js + Prisma + Postgres elimina superfície de ataque do WordPress (plugin desatualizado, brute force no /wp-login, theme com backdoor). Em 2025, segundo o relatório Patchstack/WPScan, 96% das vulnerabilidades conhecidas no ecossistema WordPress vieram de plugins de terceiros, não do core. Sem dezenas de plugins de terceiros, atualização semanal vira opcional. Site Next.js servido como build estático na Vercel tem superfície de ataque praticamente zero no runtime.

  4. Operação digital integra Ads, CRM e analytics

    Tracking server-side (Conversions API do Meta com signed events, GA4 via next/third-parties), Server Actions tipadas em TypeScript pra webhook de CRM, integração com Stripe ou Mercado Pago, fluxos de e-mail transacional via Resend. Tudo no mesmo repositório TypeScript validado com Zod. WordPress consegue, mas via plugin + plugin + plugin — cada um um ponto de falha e cada atualização um risco de quebrar tracking de Ads no meio do mês.

  5. Você quer escalar conteúdo sem migrar depois

    Site começa com 8 páginas e cresce pra 80 com blog, cases, landings por cidade. Next.js + ISR + on-demand revalidation + Postgres aguenta dezenas de milhares de páginas sem ficar lento — a mesma stack que roda Notion, Hashnode, Linear e Vercel marketing rodam seu blog institucional. Migração WordPress → Next.js no ano 2 custa entre R$ 12k e R$ 40k. Começar direto em Next.js evita esse custo de migração e a perda de SEO típica de troca de stack (queda média de 25-40% no orgânico nos 3 meses pós-migração mal feita).

Quando WordPress ainda é escolha legítima

  1. Você precisa do cliente publicando direto, todo dia

    WordPress tem editor que jornalista, secretária ou marketing júnior aprende em uma tarde. Painel Next.js + Prisma é poderoso, mas exige UI desenhada — pra clientes que publicam 5+ posts/semana e querem flexibilidade total de layout no editor, WordPress + Gutenberg pode ser melhor escolha.

  2. Orçamento abaixo de R$ 6.000 sem flexibilidade

    Site simples Next.js (até 5 pgs) custa R$ 1.500-6.000 — viável. Mas pra projeto com R$ 2.500 que precisa de e-commerce + blog + agendamento online, WordPress + WooCommerce + Elementor entrega mais features pelo preço. Compromisso: performance pior e manutenção maior.

  3. Você quer trocar de fornecedor mensalmente

    Qualquer dev WordPress no Brasil consegue assumir um site WordPress padrão. Next.js exige dev React/TS — mercado mais restrito (e mais caro). Pra empresas que rotacionam fornecedor com frequência, WordPress reduz risco operacional.

  4. Existe sistema legado dependendo de plugins WP

    Se sua empresa já roda LMS no WordPress, fórum BuddyPress, integração ERP via plugin proprietário ou newsletter via MailPoet — migrar pra Next.js significa refazer essas integrações. Pode não compensar se o sistema atual funciona.

Next.js vs WordPress vs Wix vs Astro

Comparação técnica honesta — Next.js vs WordPress vs Wix vs Astro

Quatro stacks que dominam (ou disputam) o mercado de sites empresariais no Brasil em 2026. Cada uma resolve um problema diferente. Comparativo sem demonização — só fatos mensuráveis (medidos com Lighthouse, PageSpeed Insights e WebPageTest) e quando cada uma faz sentido.

Critério
Wix / Webflow
WordPress
Astro
Next.js (Huios)
LCP típico (mobile, sem tuning)3.0–4.5s. CWV amarelo/vermelho.2.5–4.0s. Precisa plugin de cache pra ficar verde.0.8–1.6s. Excelente pra site estático puro.0.9–1.8s. Verde de fábrica com SSR/ISR dinâmico.
Bundle JavaScript inicial500KB–1.2MB (builder genérico).300KB–1.5MB (varia com tema/Elementor).0–40KB (Islands Architecture — zero JS por default).60–120KB (Server Components + tree shaking + bundle splitting).
SEO técnicoLimitado ao que o builder expõe. Sem controle fino de schema.Yoast/RankMath cobrem o básico. Schema avançado precisa plugin extra.Metadata API + JSON-LD por página. Bom pra blog/marketing site estático.Metadata API + generateMetadata + JSON-LD por página + sitemap.ts + robots.ts + canonical explícito.
Superfície de ataquePraticamente zero (SaaS gerenciado).Alta: 96% das CVEs do ecossistema vêm de plugins (Patchstack 2025).Praticamente zero (build estático).Praticamente zero: build estático servido da CDN, zero plugin de terceiro no runtime.
Custo de hospedagemR$ 30–80/mês (plano Wix Premium).R$ 30–300/mês (compartilhada a cloud).R$ 30–100/mês (Vercel Hobby/Pro, Netlify, Cloudflare Pages).R$ 50–150/mês (Vercel + Neon, repassado sem markup).
Quem consegue editar conteúdoCliente leigo via editor visual.Cliente leigo via editor padrão ou Gutenberg.Markdown/MDX no repo OU CMS headless (Sanity, Contentful).Cliente via painel admin custom em Prisma (Huios entrega um por site).
Quem consegue alterar layoutCliente leigo via builder.Cliente médio via Elementor (com custo de performance).Dev (qualquer um — sintaxe simples).Dev React/TS — qualquer empresa do mercado consegue continuar.
Vida útil sem refazer2–4 anos (limites do builder).3–6 anos com manutenção ativa.4–7 anos (framework jovem mas estável).5–8 anos — stack atualiza incrementalmente (major release ~1×/ano).
Quando faz sentidoMEI, evento, validação de ideia, portfólio pessoal.Blog jornalístico, e-commerce médio com plugin pronto, equipe grande publicando.Blog estático, documentação, marketing site sem área logada.PME B2B que depende de SEO, mobile, painel admin e integrações Ads/CRM. Marca que quer site como ativo.

Faixa de investimento

Quanto custa um site em Next.js — faixas reais por escopo

Mesma tabela de mercado de qualquer site institucional sério em 2026. O que muda em Next.js é o que cabe dentro de cada faixa — você recebe mais performance, mais SEO técnico embutido e código próprio em vez de licença de template.

Modelos de cobrança

Projeto fechado

Escopo, prazo e preço fechados em contrato — modelo dominante pra site institucional. Você sabe exatamente o que recebe e quando. Risco previsível pra empresa que quer site pronto e operando.

Squad dedicado por sprint

Pra projetos com escopo evolutivo (site + painel + integrações), contratamos squad mensal — designer + dev fullstack + tech lead. Backlog priorizado a cada 15 dias, contrato pausável sem multa.

Discovery pago

Projeto sem escopo claro? Discovery de 8-16h (R$ 1.500-3.500) com mapa de páginas, protótipo Figma e proposta detalhada. Abatido integralmente se contratar o projeto principal.

Faixa por porte de projeto

05 formatos
P-014–10 dias

Site simples em Next.js (até 5 páginas)

R$ 1.500 – R$ 6.000

PME ou profissional liberal que quer presença online com performance acima de WordPress padrão. Home, sobre, serviços, contato, WhatsApp integrado.

P-023–6 semanas

Site institucional médio (10–25 páginas)

R$ 6.000 – R$ 15.000

Empresa com hub de serviços, landings por nicho, blog SEO, cases e painel próprio. Faixa típica de quem disputa busca orgânica regional.

P-036–12 semanas

Site sob medida (design + código únicos)

R$ 15.000 – R$ 40.000

Marca que quer identidade visual codificada com animações GSAP, micro-interações, múltiplas integrações de CRM e cluster SEO completo.

P-044–10 semanas

E-commerce em Next.js

R$ 8.000 – R$ 35.000

Loja com gateway de pagamento, frete dinâmico, painel de pedidos e estoque. Performance superior a WooCommerce — bom pra anúncios pagos.

P-053–6 meses

Site + sistema interno (CRM, ERP leve)

R$ 30.000 – R$ 80.000+

Empresa que quer site público + plataforma interna no mesmo stack (Next.js + Postgres + Prisma). Um time mantém o conjunto inteiro.

Todas as faixas incluem código em repositório do cliente no GitHub, deploy na conta Vercel dele e Postgres serverless (Neon) — sem markup de hospedagem, sem mensalidade obrigatória pra manter no ar. Domínio (.com.br ~R$ 40/ano) é repassado do custo real.

O que entregamos

O que vem dentro de cada site em Next.js da Huios

  1. Core Web Vitals verdes monitorados

    LCP < 2.5s, CLS < 0.1, INP < 200ms (substituiu o FID em março de 2024) verificados no PageSpeed Insights, Lighthouse e Vercel Speed Insights (dados RUM reais) antes do launch. WebPageTest pra cenários de rede mais lentos (3G simulado, 4G Brasil). Imagens otimizadas via next/image (AVIF/WebP automático com srcset responsivo), fontes via next/font (zero FOUT, zero CLS), code-split por rota, FCP < 1s. Não é promessa — é checklist obrigatório de entrega.

  2. SEO técnico completo embutido

    Sitemap dinâmico via app/sitemap.ts (gerado por código, não plugin), robots.ts configurado pra Googlebot/Bingbot + bots de IA (GPTBot, ClaudeBot, PerplexityBot), canonical explícito em cada rota via generateMetadata, JSON-LD por tipo (Service, Article, FAQPage, BreadcrumbList, Organization, Person), Open Graph com imagem 1200×630, Search Console e Bing Webmaster Tools conectados antes do deploy. Tudo no código — sem plugin que pode parar de funcionar na próxima atualização.

  3. Painel admin custom em Prisma

    CMS próprio em Next.js + Prisma 7 + Postgres pra cliente editar texto, imagens, posts, cases e CTAs sem mexer no código. Login protegido, validação Zod, preview antes de publicar, schema de conteúdo desenhado pro seu negócio — sem plugin genérico. Server Actions tipadas executam mutations direto no banco, sem REST API intermediária.

  4. Tracking server-side

    GA4 com next/third-parties (carregamento parcial, zero impacto em LCP), Conversions API do Meta server-side via Server Action (evita perda de 30-40% de dados por iOS 14.5+/ad blocker), GTM com eventos tipados de formulário, WhatsApp, scroll e cliques. Validação no GA4 DebugView e no Meta Events Manager antes do launch — marketing nasce com dados precisos.

  5. Integrações empresariais

    CRM (Pipedrive, RD Station, Bitrix24, HubSpot), e-mail transacional (Resend, Postmark), gateway de pagamento (Stripe, Mercado Pago), agenda online (Cal.com, Calendly), automação (n8n, Zapier, Make). Cada integração codada como módulo TypeScript — testável com Vitest, versionado no Git, sem plugin que quebra na atualização do core.

  6. Acessibilidade WCAG 2.2 AA

    Componentes shadcn/ui sobre Radix Primitives — focus ring visível, navegação por teclado completa, contraste ≥ 4.5:1 verificado, ARIA correto, skip-to-content. Site usável por leitor de tela (NVDA/VoiceOver) e em conformidade com LGPD/Marco Civil/Lei Brasileira de Inclusão (LBI). Audit Lighthouse de Accessibility ≥ 95 no launch — assinado em contrato.

  1. Versão de Next.js que entregam

    Pergunte qual versão do Next.js usam por padrão. Quem responde "13" ou "14" está atrasado 2-3 versões em 2026. Versão atual estável é Next.js 16 com App Router, Turbopack como bundler estável, Partial Prerendering em produção e React 19 — Pages Router é considerado legacy desde o release Next 14.

    • Next.js 16 + App Router como default
    • Server Components + Server Actions, não só Client Components
    • Turbopack estável (não Webpack), Partial Prerendering ligado
    • React 19 (não 18) — useTransition otimizado, hook use(), React Compiler opt-in

  2. Performance comprovada por URL pública

    Peça pra abrir um site deles entregue nos últimos 6 meses no PageSpeed Insights. LCP > 2.5s no mobile já é alerta — Next.js bem feito entrega < 2.0s mesmo com 3G simulado. Se evita compartilhar URL, fuja.

  3. Repositório no GitHub do cliente desde o início

    Próximas frases têm que aparecer no contrato: "código entregue é propriedade do cliente", "repositório criado na organização GitHub do cliente desde a primeira linha", "conta de produção (Vercel) no CNPJ do cliente". Sem isso, vendor lock-in disfarçado.

  4. CMS próprio (Prisma) ou WordPress headless — não Strapi instalado em VPS

    CMS escolhido tem impacto direto em manutenção. Prisma + Postgres custom (Huios) é melhor pra empresa que quer painel sob medida. Sanity ou Contentful funcionam pra blog jornalístico. Strapi auto-hospedado vira passivo de manutenção em 12 meses.

  5. Tracking validado antes do launch

    Pergunte: "vocês validam GA4 e Meta Pixel no DebugView antes do site ir ao ar?". Resposta correta é sim, com print. Site Next.js entregue sem tracking testado faz marketing começar cego — e descobrir 3 semanas depois.

  6. Acessibilidade testada com Lighthouse

    Audit de Accessibility do Lighthouse precisa estar ≥ 95 no launch. Componentes acessíveis (shadcn/Radix), contraste verificado, navegação por teclado, focus visível. Lei brasileira (LBI) exige — não é só boa prática.

  7. Manutenção de dependências documentada

    Next.js sobe versão major ~uma vez por ano. Quem entrega site em Next.js precisa documentar o procedimento de upgrade (dependabot, testes, deploy de preview). Sem isso, em 18 meses o site fica preso numa versão sem suporte de segurança.

A stack exata que entregamos — Next.js 16 + React 19 + Vercel + Postgres

Sem caixa-preta. Toda criação de site em Next.js que a Huios entrega usa o mesmo conjunto de tecnologias mainstream — qualquer dev React no Brasil consegue continuar o projeto. Sem framework proprietário, sem licença vitalícia, sem amarração. Mesma stack que roda o huiosweb.com.br: a Huios já entregou +250 projetos digitais nessa pilha.

stack.config.ts
06 pilares

Next.js 16 (App Router) — núcleo da aplicação

Versão estável mais recente (release de outubro de 2025), App Router com Server Components default, streaming SSR via Suspense, route groups pra separar marketing de admin, parallel routes e intercepting routes pra UX complexa. Turbopack como bundler estável (substitui Webpack, build 5-10× mais rápido). Documentação oficial em nextjs.org é pública e o framework é open-source no GitHub (130k+ stars). Sem dependência exótica.

React 19 — UI declarativa e tipada

React 19 (release de dezembro de 2024) trouxe melhorias reais: React Compiler em opt-in, hook use() pra consumir promises dentro do componente, useTransition otimizado, Suspense melhorado pra streaming, Actions integradas com Server Actions do Next. TypeScript em modo strict — zero "any" implícito. Componentes shadcn/ui sobre Radix Primitives. Acessibilidade WCAG 2.2 AA por design.

Tailwind CSS v4 — design system codificado

Tailwind v4 com config em CSS (@theme), purge automático via Oxide engine, zero CSS desnecessário no bundle. Tokens de cor/espaçamento/tipografia centralizados — alterar paleta da marca leva minutos, não dias. Combina com next/font pra zero FOUT (flash of unstyled text) e zero CLS de fonte.

Postgres + Prisma 7 (Neon como provider)

Banco relacional sério. Prisma 7 como ORM type-safe — schema em TypeScript, migrations versionadas, queries com autocomplete completo. Neon como provider Postgres serverless (branching de banco igual git, backup automático contínuo, scale-to-zero quando ocioso). Substitui MySQL + plugin de DB do WordPress por algo escalável. Pode ser swap pra Supabase, Railway ou Postgres self-hosted sem refazer queries.

Vercel — deploy, edge e observabilidade

Deploy via git push, preview URL por branch (revisão antes do merge), rollback em 1 clique, CDN global Anycast em 119 cidades segundo a documentação oficial da Vercel em 2025, Edge Functions pra middleware e geo-redirect, Speed Insights pra Core Web Vitals real-user (RUM). Ecosistema complementar: Vercel KV pra cache, Vercel Blob pra upload de imagens, Edge Config pra feature flags. Conta no nome do cliente — sem markup nosso, sem vendor lock-in.

Tracking e integrações nativos

next/third-parties pra GA4/GTM otimizado (carregamento parcial, zero impacto em LCP), Conversions API do Meta server-side via Server Actions, webhook tipado pra CRM (Pipedrive/RD Station/Bitrix), Resend pra e-mail transacional, react-hook-form + Zod pra formulários validados. Tudo no mesmo repositório TypeScript — auditado em pull request, deployado por preview e revertido em 1 clique se quebrar.

Como entregamos

Do briefing ao launch — etapas de um projeto Next.js na Huios

Quatro etapas. Você acompanha código sendo escrito no repositório do dia 1, preview pública por branch e nada sai do escopo combinado sem sua aprovação.

  1. Briefing técnico (reunião gratuita 45-60min)

    1 reunião

    Entendemos: portfólio de serviços, perfil do cliente final, integrações necessárias (CRM, gateway, agenda), expectativa de tráfego, fontes de aquisição. Saímos com mapa de páginas, escopo macro e faixa de preço — sem proposta vazia.

  2. Proposta + protótipo Figma

    2 dias a 2 semanas

    Pra escopo claro: proposta com lista nominal de páginas e prazo fechado em 2-3 dias úteis. Pra escopo aberto: discovery pago de 8-16h com wireframe e protótipo Figma navegável (abatido se contratar). Tudo escrito em contrato — nada de "vamos vendo".

  3. Sprints quinzenais com preview por branch

    Varia por escopo

    Cada sprint entrega seções do site no preview da Vercel (URL pública só sua). Você valida no celular, no desktop e mostra pra equipe antes do merge. Repositório no SEU GitHub desde o dia 1 — você vê commits sendo feitos, não só o resultado.

  4. Launch com checklist técnico assinado

    2-4 dias úteis

    Antes de virar o DNS: Lighthouse Performance/Accessibility/SEO ≥ 95, sitemap submetido, Search Console conectado, tracking validado no DebugView, redirects 301 do site antigo configurados, backup do Postgres ativo. Documento assinado pelos dois lados.

Cases · Esse serviço

Resultado tem nome,número e print.

Seleção de 5 sites em Next.js que foram ao ar e continuam no ar. Os 19 cases completos estão no portfólio.

Todos os cases

19 projetos entregues

Screenshot do projeto Campanha A/B — Advogado Tributário
Landing Pages

Campanha A/B — Advogado Tributário

LP A/B · variante "restituição retroativa" · mesma OAB, duas ofertas
Screenshot do projeto Rogério Ribeiro Advogado
Criação de Sites

Rogério Ribeiro Advogado

18 reviews · nota 5.0 · 8+ anos OAB
Screenshot do projeto Gustavo Corrêa Advogado
Landing Pages

Gustavo Corrêa Advogado

LP expressa · 9 doenças mapeadas · CTA único WhatsApp
Screenshot do projeto Huios (interno)
Sistemas sob medida

Huios (interno)

76 transações/mês operados · base de 3 sistemas-cliente
Screenshot do projeto BioAttento
Landing Pages

BioAttento

LP com GSAP · Feegow integrado · Doctoralia como canal de aquisição
Screenshot do projeto Haus Virtual
Sistemas sob medida

Haus Virtual

ERP + CRM integrados · consultoria de decoração como lead magnet
Screenshot do projeto Panabees
Sistemas sob medida

Panabees

E-commerce + CRM próprio · 4 categorias sazonais · safra como edição limitada
Screenshot do projeto MedSite
Criação de Sites

MedSite

5 linhas de produto · catálogo PDF por solução · área restrita do cliente
Screenshot do projeto Exequo Construtora
Criação de Sites

Exequo Construtora

5 verticais de obra · CRM de e-mails integrado · portfólio por segmento
Screenshot do projeto Fábrica de Holding
Landing Pages

Fábrica de Holding

Setup R$ 997 + R$ 397/mês · 7 dias grátis · 5 calculadoras integradas
Screenshot do projeto Smart Capta
Criação de Sites

Smart Capta

+50 marcas atendidas · +R$ 40M captados · +10 leis operadas
Screenshot do projeto CR Imóveis
Sistemas sob medida

CR Imóveis

CRM próprio · 15+ bairros atendidos · 98% satisfação declarada
Screenshot do projeto RR Transfer e Tour
Criação de Sites

RR Transfer e Tour

4,9 no TripAdvisor verificado · 13 destinos mapeados
Screenshot do projeto Dr. Pedro Augusto
Criação de Sites

Dr. Pedro Augusto

5.0 · 226 reviews · 9 landings /oftalmologista-em-[bairro]-sp
Screenshot do projeto Helen Benevides (Seguro Ponto Com)
Criação de Sites

Helen Benevides (Seguro Ponto Com)

104 KWs no Google · 73 novas em 3 meses · 20+ anos de operação
Screenshot do projeto Construlok / Figueiredo
Sistemas sob medida

Construlok / Figueiredo

R$ 1.058.127 circulados no sistema · 159 lançamentos conciliados
Screenshot do projeto Pratimed
Sistemas sob medida

Pratimed

Split de pagamento + checkout + remarketing automático · 1 stack
Screenshot do projeto Bonn App
SEO

Bonn App

1.248 keywords no Google · ~9.670 visitas orgânicas/mês
Screenshot do projeto Gástubos Instalações
Criação de Sites

Gástubos Instalações

25 páginas geo indexadas · depoimentos reais com nome em toda landing

  1. Mesma stack que rodamos no nosso próprio site

    huiosweb.com.br roda Next.js 16 + React 19 + Postgres (Neon) + Prisma 7 + Vercel — exatamente a stack que entregamos pra cliente. Eating our own dog food. Já entregamos +250 projetos digitais nessa pilha. Quem te entrega site Next.js mas o próprio site é WordPress trava em casa de ferreiro.

  2. Core Web Vitals como contrato, não promessa

    LCP < 2.5s, CLS < 0.1, INP < 200ms aparecem no contrato como critério de entrega. Se o site entregue não passa no PageSpeed Insights mobile e no Lighthouse com score ≥ 90 em Performance, refazemos sem custo. Outra agência diz "fizemos o possível" — a gente diz "passou no audit". A página dedicada a site com SEO técnico explica os mecanismos completos por trás disso.

  3. Código é seu, conta é sua, sem vendor lock-in

    Repositório criado na sua organização GitHub no dia 1. Conta Vercel no seu CNPJ. Postgres Neon na sua conta. Domínio no seu Registro.br. Se decidir trocar de agência no ano 2, troca em 1 dia — não em 3 semanas pedindo backup que "sumiu". Pra entender o impacto dessa transparência no orçamento, veja o detalhamento de quanto custa um site da Huios.

  4. Hospedagem repassada sem markup

    Vercel + Neon pra site institucional médio fica em R$ 50-150/mês. A gente repassa exatamente isso — sem inflar pra R$ 300/mês "manutenção". Mensalidade existe se você contratar manutenção contínua (opcional, escopo claro), nunca pra "manter no ar". Quem cobra mensalidade obrigatória ≥ R$ 300/mês "pra manter no ar" geralmente está vendendo vendor lock-in disfarçado.

  5. Mesmo time faz site, SEO técnico e Google Ads

    Quando o site for ao ar e você quiser tráfego pago, é o mesmo time que codifica o site, planeja SEO e configura Ads. Sem briefing duplo, sem agência terceira pedindo "acesso ao código". Operação digital consolidada num só fornecedor — atendemos PMEs em 83 cidades. Pra marca que quer identidade visual única, animações GSAP e cluster SEO completo, veja o caminho de site sob medida.

309 · Dúvidas

fig. FT-309

Perguntas frequentes sobre criação de sites em Next.js

O que empresas perguntam antes de fechar com agência Next.js. Respostas pensadas pra decisão técnica, não pra preencher página. Cada resposta tem 80-150 palavras pra ser citável em AI Overviews e Perplexity.

01O que é Next.js e por que tantas empresas estão migrando?

Next.js é o framework React mantido pela Vercel que combina App Router, Server Components, Server Actions, ISR, Partial Prerendering e Edge Functions. Empresas migram porque entrega Core Web Vitals verde de fábrica (LCP < 2s, CLS < 0.1, INP < 200ms), bundle JavaScript inicial de 60-120KB e SEO técnico embutido (Metadata API, sitemap.ts, robots.ts, JSON-LD). Google considera CWV como fator de ranqueamento desde 2021 e substituiu o FID pelo INP em março de 2024 — o peso só cresceu. Conforme o Chrome User Experience Report de 2025, sites em Next.js passam 2× mais nos três CWV simultaneamente que sites WordPress. Por isso Notion, Hashnode, Loom, OpenAI, Linear, Stripe docs e centenas de PMEs brasileiras adotaram Next.js como padrão.

02Site em Next.js fica realmente mais rápido que WordPress?

Sim, mensuravelmente — desde que ambos sejam bem feitos. LCP típico no mobile sem tuning, medido com PageSpeed Insights e Lighthouse: Next.js entrega 0.9-1.8s, WordPress entrega 2.5-4.0s, Wix 3.0-4.5s, Astro 0.8-1.6s. Bundle JavaScript inicial: Next.js fica em 60-120KB com Server Components, tree shaking e bundle splitting automático; WordPress com Elementor manda 300KB-1.5MB segundo o HTTPArchive State of the Web 2025. A diferença vem da arquitetura: Next.js renderiza HTML pronto no servidor (SSR/ISR) e só envia JavaScript quando há "use client" explícito, enquanto WordPress padrão embarca todos os scripts de plugins e tema na primeira carga. WordPress otimizado (LiteSpeed, cache plugin, tema leve) chega perto, mas exige manutenção constante. Next.js entrega verde de fábrica.

03O que é Partial Prerendering e por que isso muda o jogo?

Partial Prerendering (PPR) é a feature do Next.js 16 que combina renderização estática com streaming dinâmico na mesma rota. A "casca" da página (header, layout, conteúdo institucional) é pré-renderizada como HTML estático servido instantaneamente da CDN da Vercel; os trechos personalizados (carrinho, dashboard, dados em tempo real) chegam em streaming via Suspense logo depois. Conforme o blog oficial da Vercel, PPR resolve o trade-off histórico entre "site estático rápido" e "app dinâmico personalizado" — você não precisa mais escolher. Pra site institucional com área logada ou recomendações personalizadas, isso significa TTFB de 30-80ms na navegação inicial e LCP no p75 abaixo de 1.8s mesmo com conteúdo dinâmico. Nenhum framework concorrente entrega isso de forma estável em produção em 2026.

04Quanto custa criar um site em Next.js para uma empresa?

Faixa real em 2026: site simples (até 5 páginas) R$ 1.500-6.000 em 4-10 dias; site institucional médio (10-25 páginas com hub de serviços, blog e cases) R$ 6.000-15.000 em 3-6 semanas; site sob medida com design único e múltiplas integrações R$ 15.000-40.000 em 6-12 semanas; e-commerce em Next.js R$ 8.000-35.000 em 4-10 semanas; site + sistema interno (CRM ou ERP leve no mesmo stack) R$ 30.000-80.000+ em 3-6 meses. Hospedagem Vercel + Postgres Neon entra por R$ 50-150/mês depois do launch, repassada sem markup. Faixas equivalem às de qualquer agência séria — o que muda em Next.js é o que cabe dentro do orçamento. Pra detalhamento completo de faixas, hidden costs e red flags, consulte a página de quanto custa um site.

05Vale a pena pagar mais por Next.js em vez de WordPress?

Depende do que o site precisa entregar. Se você depende de tráfego orgânico do Google (Core Web Vitals afetam ranqueamento desde 2021), tem 60%+ de visitantes em mobile, quer painel próprio sem plugin vulnerável (96% das CVEs do WordPress vêm de plugins, segundo Patchstack 2025), integra com CRM ou Ads via tracking server-side, ou planeja escalar pra dezenas de páginas — Next.js compensa o investimento maior. Se você precisa do cliente publicando direto todo dia com layout flexível, tem orçamento abaixo de R$ 6.000 com escopo complexo, ou existe sistema legado dependendo de plugins WordPress (LMS, fórum, ERP via plugin), WordPress ainda é escolha legítima. Não é "Next.js sempre certo" — é "qual stack resolve o seu problema".

06Quem mantém o site em Next.js depois que a agência entrega?

Stack mainstream é o principal critério aqui. A Huios entrega em Next.js 16 + React 19 + TypeScript + Tailwind v4 + Prisma 7 + Postgres (Neon) — tecnologias com milhões de devs no mercado. Repositório fica no GitHub da SUA empresa desde o dia 1, deploy na SUA conta Vercel, banco na SUA conta Neon. Pra continuar o projeto, basta contratar qualquer dev React/TS no Brasil ou outra agência Next.js — não fica refém da Huios. Manutenção típica envolve: atualização do Next.js a cada major release (~1×/ano, com codemod automático fornecido pela Vercel), monitoramento de Core Web Vitals via Vercel Speed Insights (RUM real), backup automático contínuo do Postgres no Neon, e ajustes de conteúdo via painel admin custom. Custo médio de manutenção: R$ 600-2.000/mês conforme volume.

07Next.js tem painel pra cliente editar o site?

Next.js sozinho não é CMS — é framework. Mas combinado com Prisma + Postgres, a Huios entrega um painel admin custom em cada site. Cliente edita texto, imagens, posts de blog, cases, CTAs e SEO meta sem mexer no código. Login protegido por autenticação própria (Auth.js ou Better Auth), schema de conteúdo desenhado pro seu negócio (não genérico), preview antes de publicar via revalidateTag, validação Zod nos formulários e Server Actions tipadas pra mutations. Alternativas: Sanity ou Contentful pra blog jornalístico com workflow editorial pesado, WordPress headless se a equipe já conhece o editor Gutenberg. Não recomendamos Strapi auto-hospedado em VPS — vira passivo de manutenção em 12 meses por causa de atualização de Node, conflito de plugin e ausência de scale-to-zero.

08Onde fica hospedado um site em Next.js?

Hospedagem padrão Huios é Vercel (CDN global Anycast em 119 cidades segundo a documentação oficial 2025, deploy por git push, preview URL por branch, rollback em 1 clique, Edge Functions pra middleware) + Neon como provider Postgres serverless (branching de banco igual git, backup automático contínuo, scale-to-zero). Conta fica no CNPJ do cliente — sem markup nosso, sem vendor lock-in. Custo real: R$ 50-150/mês cobre site institucional médio com 30k-200k pageviews. Site pode ser hospedado também em AWS Amplify, Cloudflare Pages, Netlify ou Railway, mas Vercel é a opção que mais aproveita features nativas do Next.js (Image Optimization, ISR, Edge runtime, Speed Insights). Quem cobra mensalidade obrigatória ≥ R$ 300/mês "pra manter no ar" geralmente está vendendo vendor lock-in disfarçado.

09Quanto tempo demora pra entregar um site em Next.js?

Prazo real por escopo: site simples (até 5 páginas) entrega em 4-10 dias úteis; site institucional médio (10-25 páginas com blog, cases e painel admin) em 3-6 semanas; site sob medida com design único e múltiplas integrações em 6-12 semanas; e-commerce em Next.js em 4-10 semanas conforme nº de SKUs e integrações ERP; site + sistema interno (CRM no mesmo stack) em 3-6 meses divididos em sprints quinzenais. Cronograma sai escrito no contrato com marcos de pagamento (30% início, 40% design aprovado, 30% deploy). Quem promete "site profissional em 5 dias" pra escopo de 25 páginas vai cortar canto — geralmente template Vercel padrão camuflado, sem SEO técnico testado e sem teste de acessibilidade.

10Next.js vs Astro vs Remix — qual escolher pra site institucional?

Decisão por caso de uso. Astro é melhor pra blog estático puro e marketing site sem área logada — Islands Architecture entrega zero JS por default e bundle inicial 0-40KB, ideal pra conteúdo. Remix (React Router 7) é forte em apps com formulários complexos e padrões web-first, mas tem ecosistema menor e menos hosting nativo. Nuxt é o equivalente em Vue. SvelteKit traz Svelte como linguagem. Next.js vence quando o site institucional tem painel admin custom, integrações server-side (CRM, Ads, pagamento), ISR pra blog dinâmico e ecosistema Vercel (KV, Blob, Edge Config). Pra site empresarial brasileiro típico — institucional + blog + cases + painel + tracking — Next.js é a escolha mais segura em 2026 segundo o State of JS 2024 (maior fatia de mercado em React SSR).

Frentes de criação de sites

17 frentes

Site profissional não é página única.

Cada frente cobre uma intenção de compra diferente — orçamento, tipo de site, tecnologia, conversão. Veja a página da frente que encaixa no que você está avaliando.

Próximo passo

Pronto pra ter um site em Next.js que ranqueia, performa e é seu de verdade?

Briefing técnico de 45-60 minutos. Você sai com mapa de páginas, faixa de preço e cronograma na mesma reunião. Sem call de discovery obrigatório, sem fluxo de inbound — fala direto com quem vai escrever o código. Atendemos PMEs B2B em 83 cidades do Brasil, do RS ao AM.

Agendar diagnóstico gratuitoConversar no WhatsApp

30 min · sem compromisso · resposta em 24h úteis