<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Blog Nextside</title><link>https://master--helpful-dusk-4d4c77.netlify.app/</link><description>Blog da Nextside — tecnologia, engenharia de software, produto e carreira.</description><generator>Hugo -- gohugo.io</generator><language>pt-BR</language><lastBuildDate>Sat, 16 May 2026 18:27:04 GMT</lastBuildDate><atom:link href="https://master--helpful-dusk-4d4c77.netlify.app/index.xml" rel="self" type="application/rss+xml"/><item><title>Post de teste do layout</title><link>https://master--helpful-dusk-4d4c77.netlify.app/posts/2026/05/16/post-de-teste/</link><guid isPermaLink="true">https://master--helpful-dusk-4d4c77.netlify.app/posts/2026/05/16/post-de-teste/</guid><pubDate>Sat, 16 May 2026 09:00:00 GMT</pubDate><description>&lt;h2&gt;Primeiro H2&lt;span class="hx:absolute hx:-mt-20" id="primeiro-h2"&gt;&lt;/span&gt;
&lt;a href="#primeiro-h2" class="subheading-anchor" aria-label="Permalink for this section"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;Parágrafo de teste com &lt;strong&gt;bold&lt;/strong&gt; e &lt;em&gt;italic&lt;/em&gt; e &lt;code&gt;inline code&lt;/code&gt;. Uma frase normal pra testar como a leitura flui em Source Serif 4. Devemos sentir o ritmo confortável de leitura — sem fadiga em parágrafos longos como este, que se estende por algumas linhas pra estressar o &lt;code&gt;line-height&lt;/code&gt; e o &lt;code&gt;letter-spacing&lt;/code&gt; do corpo do post.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Blockquote com a &amp;ldquo;voz do crítico&amp;rdquo; — &amp;ldquo;isso aqui presta mesmo?&amp;rdquo;&lt;/p&gt;</description><content:encoded><![CDATA[<h2>Primeiro H2<span class="hx:absolute hx:-mt-20" id="primeiro-h2"></span>
    <a href="#primeiro-h2" class="subheading-anchor" aria-label="Permalink for this section"></a></h2><p>Parágrafo de teste com <strong>bold</strong> e <em>italic</em> e <code>inline code</code>. Uma frase normal pra testar como a leitura flui em Source Serif 4. Devemos sentir o ritmo confortável de leitura — sem fadiga em parágrafos longos como este, que se estende por algumas linhas pra estressar o <code>line-height</code> e o <code>letter-spacing</code> do corpo do post.</p>
<blockquote>
  <p>Blockquote com a &ldquo;voz do crítico&rdquo; — &ldquo;isso aqui presta mesmo?&rdquo;</p>

</blockquote>
<p>Mais um parágrafo. Olha como o blockquote acima fica destacado: borda esquerda vermelha e gradiente sutil em vermelho. Hoje, em fundo claro, fica como um aside elegante; em dark, mantém a hierarquia.</p>
<aside class="ns-cta ns-cta-mid" data-servico="discovery">
  <p class="eyebrow">● Nextside</p>

  <h3 class="ns-cta-title">Cansou de gastar 6 meses pra entregar um MVP?</h3>

  <p class="ns-cta-meta">Validação técnica · 2-3 semanas · Entrega: roadmap &#43; protótipo.</p>

  <div class="ns-cta-actions">
    <a href="https://nextside.tech/#discovery?utm_source=blog&amp;utm_medium=cta&amp;utm_campaign=discovery&amp;utm_content=post-de-teste-mid" class="btn btn-primary">Fale com a Nextside →</a></div>
</aside>

<div class="hextra-code-block hx:relative hx:mt-6 hx:first:mt-0 hx:group/code">

<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">&#34;code block deve ficar visível em ambos os temas&#34;</span>
</span></span><span class="line"><span class="cl">ls -la /tmp</span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx:opacity-0 hx:transition hx:group-hover/code:opacity-100 hx:flex hx:gap-1 hx:absolute hx:m-[11px] hx:right-0 hx:top-0">
  <button
    class="hextra-code-copy-btn hx:group/copybtn hx:cursor-pointer hx:transition-all hx:active:opacity-50 hx:bg-primary-700/5 hx:border hx:border-black/5 hx:text-gray-600 hx:hover:text-gray-900 hx:rounded-md hx:p-1.5 hx:dark:bg-primary-300/10 hx:dark:border-white/10 hx:dark:text-gray-400 hx:dark:hover:text-gray-50"
    title="Copy code"
  >
    <div class="hextra-copy-icon hx:group-[.copied]/copybtn:hidden hx:pointer-events-none hx:h-4 hx:w-4"></div>
<div class="hextra-success-icon hx:hidden hx:group-[.copied]/copybtn:block hx:pointer-events-none hx:h-4 hx:w-4"></div>
  </button>
</div>
</div>
<h2>Segundo H2 — outra seção<span class="hx:absolute hx:-mt-20" id="segundo-h2--outra-seção"></span>
    <a href="#segundo-h2--outra-se%c3%a7%c3%a3o" class="subheading-anchor" aria-label="Permalink for this section"></a></h2><p>Frase-martelo curta. Pronto.</p>
<p>Outro parágrafo com link inline pro <a href="https://nextside.tech"target="_blank" rel="noopener">institucional Nextside</a> — confere se a cor do link tem contraste e usa underline elegante.</p>
<h2>O ponto que mais importa<span class="hx:absolute hx:-mt-20" id="o-ponto-que-mais-importa"></span>
    <a href="#o-ponto-que-mais-importa" class="subheading-anchor" aria-label="Permalink for this section"></a></h2><p>Fechamento com aforismo (estilo Akita): se o layout segura sua atenção até aqui, ele segura post real de 2000 palavras.</p>
]]></content:encoded><category>teste</category><category>layout</category></item><item><title>Sobre este blog</title><link>https://master--helpful-dusk-4d4c77.netlify.app/sobre/</link><guid isPermaLink="true">https://master--helpful-dusk-4d4c77.netlify.app/sobre/</guid><pubDate>Mon, 01 Jan 0001 00:00:00 GMT</pubDate><description>&lt;h2&gt;Por que este blog existe&lt;span class="hx:absolute hx:-mt-20" id="por-que-este-blog-existe"&gt;&lt;/span&gt;
&lt;a href="#por-que-este-blog-existe" class="subheading-anchor" aria-label="Permalink for this section"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;A Nextside entrega Sprints de 4 semanas, Discoveries técnicas e Auditorias.
Este blog é onde a gente conta — em primeira pessoa, sem corporativês —
como pensamos, o que funciona, e o que dá errado.&lt;/p&gt;
&lt;h2&gt;Quem escreve&lt;span class="hx:absolute hx:-mt-20" id="quem-escreve"&gt;&lt;/span&gt;
&lt;a href="#quem-escreve" class="subheading-anchor" aria-label="Permalink for this section"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;Sócios e engenheiros sêniores da Nextside. Cada post tem um nome,
uma foto e um LinkedIn embaixo. Sem ghost-writer.&lt;/p&gt;
&lt;h2&gt;Sobre o que escrevemos&lt;span class="hx:absolute hx:-mt-20" id="sobre-o-que-escrevemos"&gt;&lt;/span&gt;
&lt;a href="#sobre-o-que-escrevemos" class="subheading-anchor" aria-label="Permalink for this section"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Tecnologia&lt;/strong&gt; — IA aplicada, stacks, arquitetura, decisões técnicas&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Gestão&lt;/strong&gt; — como rodamos times pequenos com gente cara&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Entregas rápidas&lt;/strong&gt; — o método Sprint, escopo fechado, MVPs em 4 semanas&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Cases&lt;/strong&gt; — relatos com clientes (autorizados), bastidores, números&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Com quem falar&lt;span class="hx:absolute hx:-mt-20" id="com-quem-falar"&gt;&lt;/span&gt;
&lt;a href="#com-quem-falar" class="subheading-anchor" aria-label="Permalink for this section"&gt;&lt;/a&gt;&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Quer contratar um Sprint, Discovery ou Auditoria?&lt;/strong&gt; → &lt;a href="https://nextside.tech"target="_blank" rel="noopener"&gt;nextside.tech&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Quer trabalhar com a gente?&lt;/strong&gt; → &lt;a href="https://linkedin.com/company/nextside-tech"target="_blank" rel="noopener"&gt;LinkedIn da Nextside&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Quer só conversar sobre um post?&lt;/strong&gt; → LinkedIn ou X do autor&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Sem newsletter, sem pop-up, sem fórmula. Você lê, decide se gosta, volta.&lt;/p&gt;</description><content:encoded><![CDATA[<h2>Por que este blog existe<span class="hx:absolute hx:-mt-20" id="por-que-este-blog-existe"></span>
    <a href="#por-que-este-blog-existe" class="subheading-anchor" aria-label="Permalink for this section"></a></h2><p>A Nextside entrega Sprints de 4 semanas, Discoveries técnicas e Auditorias.
Este blog é onde a gente conta — em primeira pessoa, sem corporativês —
como pensamos, o que funciona, e o que dá errado.</p>
<h2>Quem escreve<span class="hx:absolute hx:-mt-20" id="quem-escreve"></span>
    <a href="#quem-escreve" class="subheading-anchor" aria-label="Permalink for this section"></a></h2><p>Sócios e engenheiros sêniores da Nextside. Cada post tem um nome,
uma foto e um LinkedIn embaixo. Sem ghost-writer.</p>
<h2>Sobre o que escrevemos<span class="hx:absolute hx:-mt-20" id="sobre-o-que-escrevemos"></span>
    <a href="#sobre-o-que-escrevemos" class="subheading-anchor" aria-label="Permalink for this section"></a></h2><ul>
<li><strong>Tecnologia</strong> — IA aplicada, stacks, arquitetura, decisões técnicas</li>
<li><strong>Gestão</strong> — como rodamos times pequenos com gente cara</li>
<li><strong>Entregas rápidas</strong> — o método Sprint, escopo fechado, MVPs em 4 semanas</li>
<li><strong>Cases</strong> — relatos com clientes (autorizados), bastidores, números</li>
</ul>
<h2>Com quem falar<span class="hx:absolute hx:-mt-20" id="com-quem-falar"></span>
    <a href="#com-quem-falar" class="subheading-anchor" aria-label="Permalink for this section"></a></h2><ul>
<li><strong>Quer contratar um Sprint, Discovery ou Auditoria?</strong> → <a href="https://nextside.tech"target="_blank" rel="noopener">nextside.tech</a></li>
<li><strong>Quer trabalhar com a gente?</strong> → <a href="https://linkedin.com/company/nextside-tech"target="_blank" rel="noopener">LinkedIn da Nextside</a></li>
<li><strong>Quer só conversar sobre um post?</strong> → LinkedIn ou X do autor</li>
</ul>
<p>Sem newsletter, sem pop-up, sem fórmula. Você lê, decide se gosta, volta.</p>
]]></content:encoded></item></channel></rss>