Ferramentas Web e DevOps

As ferramentas Web e DevOps do ArrayKit produzem as configurações, os cabeçalhos, as tags e o CSS de que desenvolvedores, engenheiros de DevOps e donos de sites precisam antes de colocar um site no ar. Para servidores, o Gerador de Configuração nginx monta um bloco server para um site estático ou um proxy reverso, e o Gerador de .htaccess escreve regras de redirecionamento, compressão e cache do Apache, com construtores complementares para mapas de redirecionamento 301, cabeçalhos CSP e Cache-Control e arquivos .htpasswd. Para busca e compartilhamento, o Gerador de robots.txt, o Gerador de Sitemap XML e o Gerador de Meta Tags produzem os arquivos e as tags que os rastreadores e as redes sociais leem, e outro gerador escreve JSON-LD do schema.org. Para o front-end, o Gerador de paleta de cores cria esquemas de cores que você exporta como CSS, Tailwind ou JSON, o Gerador de Gradiente CSS e o Gerador de Box Shadow CSS escrevem o CSS enquanto você ajusta uma prévia ao vivo, outras ferramentas cuidam de escalas de tons do Tailwind, grids, tamanhos fluidos com clamp(), curvas de easing e cantos arredondados, e a Calculadora de proporção de tela resolve largura e altura para qualquer proporção. As tarefas do dia a dia também estão cobertas: a Calculadora de chmod converte permissões Unix entre octal e rwx, e outras ferramentas criam arquivos .gitignore e .editorconfig, comparam versões semânticas, transformam HTML em JSX ou query strings em JSON e listam códigos de status HTTP e tipos MIME. Todas as ferramentas rodam no seu navegador, então os domínios, caminhos, senhas e marcações que você digita são processados no seu dispositivo e nunca são enviados.

• Calculadora de chmod — Converta permissões de arquivo do Unix entre octal e simbólico (rwx).
• Gerador de .gitignore — Crie um .gitignore a partir de modelos comuns de linguagens e ferramentas.
• Status HTTP e tipos MIME — Referência pesquisável de códigos de status HTTP e tipos de conteúdo MIME.
• Gerador de Open Graph — Gere meta tags Open Graph e Twitter com prévia do card social.
• Gerador de robots.txt — Monte um robots.txt com regras de User-agent, Allow, Disallow e sitemaps.
• Gerador de Sitemap XML — Transforme uma lista de URLs em um sitemap.xml válido para SEO.
• Gerador de .htaccess — Monte regras do Apache: HTTPS, redirecionamentos 301, gzip e cache.
• Gerador de Configuração nginx — Monte um server block nginx com proxy reverso, SSL, gzip e cache.
• Calculadora SemVer — Analise, compare, verifique faixas, incremente e normalize versões semânticas, com suporte a faixas npm.
• Gerador de Header Cache-Control — Monte um header HTTP Cache-Control correto com alternadores simples e saída para nginx, Apache e meta.
• Gerador de Meta Tags — Gere meta tags de SEO, Open Graph e Twitter Card a partir de um formulário, no navegador.
• Gerador de CSP — Monte um cabeçalho Content-Security-Policy diretiva por diretiva, com trechos prontos, no navegador.
• Gerador de htpasswd — Gere uma linha .htpasswd com bcrypt ou SHA-1 para Apache e nginx, no navegador.
• Gerador de Cores Tailwind — Crie uma escala Tailwind 50-950 em OKLCH a partir de uma cor.
• Gerador de CSS Grid — Monte um layout de grid visualmente e copie o CSS.
• Calculadora de CSS Clamp — Gere um valor clamp() fluido a partir de tamanhos e viewports.
• Gerador de Cubic Bezier — Molde uma curva de easing cubic-bezier() e copie o timing.
• Mapa de Redirecionamento — Gere regras 301 para nginx, Apache, Netlify, Vercel e Cloudflare.
• Gerador de JSON-LD — Crie dados estruturados schema.org válidos como uma script tag.
• Query String para JSON — Converta uma query string de URL em JSON e de volta.
• Conversor de HTML para JSX — Converta HTML em JSX válido para React: class vira className.
• Gerador de Gradiente CSS — Crie gradientes lineares, radiais e cônicos com pontos de cor ao vivo.
• Gerador de Box Shadow CSS — Crie sombras CSS em camadas com pré-visualização ao vivo
• Gerador de Border Radius — Crie border-radius CSS simples, por canto ou em blob com pré-visualização ao vivo
• Gerador de .editorconfig — Crie um .editorconfig com indentação, charset e quebra de linha.
• Calculadora de proporção de tela — Simplifica proporções, resolve dimensões, CSS incluído.
• Gerador de paleta de cores — Gere paletas de cores harmoniosas: trave cores, escolha uma harmonia, copie HEX e exporte CSS, Tailwind ou JSON.

Perguntas frequentes

O que posso fazer com estas ferramentas Web e DevOps?

Gerar configurações e cabeçalhos de servidor (nginx, .htaccess, mapas de redirecionamento 301, CSP, Cache-Control e .htpasswd), produzir arquivos e marcações de SEO (robots.txt, sitemap.xml, meta tags e tags Open Graph, JSON-LD) e criar CSS para gradientes, sombras, grids, tamanhos fluidos, cantos arredondados e curvas de easing. As demais cobrem paletas de cores e escalas do Tailwind, proporções de tela, HTML para JSX, query strings, arquivos .gitignore e .editorconfig, permissões chmod, versões semânticas e uma lista pesquisável de códigos de status HTTP e tipos MIME.

Quais configurações e cabeçalhos de servidor posso gerar?

O Gerador de Configuração nginx monta um bloco server para um site estático ou um proxy reverso, com SSL, gzip e cache opcionais; o Gerador de .htaccess escreve redirecionamentos HTTPS e www do Apache, compressão, cache e cabeçalhos de segurança; e o Gerador de htpasswd gera o hash de uma linha .htpasswd com bcrypt ou SHA-1. O Mapa de Redirecionamento transforma uma lista de URLs antigas e novas em regras 301 para nginx, Apache, Netlify, Vercel ou Cloudflare, e o Gerador de CSP e o Gerador de Header Cache-Control entregam o cabeçalho junto com versões para nginx, Apache e meta tag, prontas para colar.

Estas ferramentas ajudam com SEO técnico?

Sim, nos arquivos e nas marcações que os mecanismos de busca leem. O Gerador de robots.txt controla quais caminhos os rastreadores podem visitar, o Gerador de Sitemap XML transforma uma lista de URLs em um sitemap.xml, o Gerador de Meta Tags e o Gerador de Open Graph escrevem título, descrição e tags sociais com prévia do card, e o Gerador de JSON-LD cria dados estruturados do schema.org para artigos, produtos, FAQs, eventos e mais. Elas não rastreiam o seu site nem verificam rankings, então você fornece as URLs e o conteúdo.

É seguro digitar hostnames internos, caminhos ou senhas?

Sim. Todas as ferramentas rodam no seu navegador, então hostnames, endereços de upstream, listas de redirecionamento, senhas e marcações são processados no seu dispositivo e nunca são enviados, e o Gerador de htpasswd gera os hashes das senhas localmente. As prévias de card social dos geradores de Open Graph e de Meta Tags carregam, sim, a URL da imagem que você informar, como qualquer página web faria. Mesmo assim, mantenha chaves privadas fora de formulários web; o Gerador de Configuração nginx só precisa dos caminhos dos arquivos do seu certificado e da sua chave.

Posso usar as configurações geradas do jeito que estão?

Elas usam sintaxe padrão, mas a versão do seu servidor, os módulos ativados e as regras existentes decidem como uma configuração se comporta, então teste antes de publicar. Rode nginx -t ou apachectl configtest depois de colar uma configuração de servidor, publique uma nova Content-Security-Policy primeiro no modo report-only (o Gerador de CSP tem uma opção para isso) e teste algumas URLs antigas depois de carregar um mapa de redirecionamento. O CSS gerado é CSS simples e padrão, compatível com os navegadores atuais.