Next.js
Como fazer deploy de um site Next.js como página estática de graça
Next.js é poderoso, mas nem todo projeto precisa de renderização no servidor. Se seu site é principalmente páginas estáticas, você pode exportá-lo como HTML puro e fazer deploy em qualquer lugar — incluindo o HTML To Link, que dá uma URL pública gratuita em menos de um minuto.
Ativar export estático no Next.js
Adicione output: 'export' ao seu next.config.mjs. Isso diz ao Next.js para gerar um site totalmente estático no diretório out/ quando você executa next build.
Sem rotas de API, sem componentes de servidor com dados dinâmicos, sem middleware — apenas HTML, CSS e JavaScript puros que rodam em qualquer navegador.
- // next.config.mjs
- export default { output: 'export' }
- Depois execute: npx next build
- Os arquivos estáticos aparecem no diretório out/
Fazer deploy do diretório out/
Compacte a pasta out/ em ZIP e envie para o HTML To Link. Defina o arquivo de entrada como index.html. Você obtém uma URL ativa imediatamente.
Alternativamente, use o servidor MCP com a flag --next: npx htmltolink-mcp deploy --next. Ele cuida do build e do upload automaticamente.
- Manual: compacte out/ → envie → escolha index.html → publique
- CLI: npx htmltolink-mcp deploy --next (build + upload automáticos)
- Agente: diga ao Cursor “faça deploy deste projeto Next.js”
Quando o export estático é uma boa escolha
Landing pages, sites de documentação, portfólios, prévias de blog, páginas de marketing e front-ends gerados por IA são ótimos candidatos.
Se você precisa de SSR, rotas de API ou consultas ao banco de dados em tempo de requisição, fique com Vercel ou um servidor Node. Para todo o resto, export estático + HTML To Link é o caminho gratuito mais rápido.
FAQ
Preciso alterar meu código Next.js?
Somente se usar funcionalidades exclusivas de servidor (rotas de API, getServerSideProps, middleware). Páginas usando getStaticProps ou componentes puramente client funcionam como estão.
E as imagens e fontes?
Elas são incluídas automaticamente no diretório out/. Apenas certifique-se de usar caminhos relativos ou o loader do next/image configurado para export estático.
Posso atualizar o site depois?
Sim. Rebuild e reenvie para o mesmo link. A URL permanece estável entre atualizações.