Com o crescimento dos frameworks JavaScript e a tendência em criar aplicações com o mínimo de processamento possível, programadores e arquitetos passaram a adotar o padrão SPA, renderizados no lado do cliente, para desenvolvimento de aplicações web.Neste artigo, contaremos a nossa jornada e explicaremos o porquê votamos a processar e renderizar as páginas HTML no lado do servidor. Mostraremos o embasamento de nossas decisões e o porquê escolhemos o&nbsp;<a href="https://next.me/%22https://nextjs.org//%22">NextJS</a>&nbsp;como framework de desenvolvimento para nosso site.Acompanhe nosso artigo e descubra os resultados e impactos dessa mudança.<h2>Uma breve história do next.me</h2>O ano é&nbsp;2017&nbsp;e a versão 1.0 do website&nbsp;<a href="https://next.me/%22https://next.me//%22">next.me</a>&nbsp;foi lançada como uma SPA (com renderização no lado do cliente), com as melhores tecnologias do mercado (da época),&nbsp;<a href="https://next.me/%22https://reactjs.org//%22">ReactJS</a>&nbsp;e&nbsp;<a href="https://next.me/%22https://webpack.js.org//%22">webpack</a>.“uma ‘Single-page application’ (aplicação de uma página) é uma implementação de aplicativo web que carrega apenas um único documento e então, o corpo da página é atualizado via API’s JavaScript...Então assim, permite o usuário a usar um website sem ter que carregar uma página completa do servidor, o que pode resultar em ganho de performance e uma experiência mais dinâmica, com algumas desvantagens em troca como SEO, maior esforço de manutenção, a implementação de navegação e um trabalho considerável para monitorar a performance”.@moozila&nbsp;SPA (Single-page application)-Uma SPA com carregamento em&nbsp;“client side”, funciona da seguinte forma:<img src="{{1.jpg}}" alt="Image"><img src="{{2.jpg}}" alt="Image">Com isso, sites de busca, também não indexavam nosso conteúdo.<img data-src-name="{{3.jpg}}" alt="Image"><h2>next.me 2.0</h2>Em 2020 com novas campanhas, o next decidiu remodelar seu site.&nbsp; Como não aproveitar e também atualizar as tecnologias, buscando melhorar a performance para SEO e campanhas?Mas, como desenvolver e hospedar websites modernos, utilizando ReactJS e entrega-lo de maneira eficiente e acessível para usuários e mecanismos de busca?<h3>A preparação.</h3>Montamos um time, imprimimos e colamos todas as páginas da nova versão do site na parede da sala de reuniões.Compramos uma garrafa térmica de 2 litros e nos trancamos por duas semanas para estudar, tanto os componentes de design (que futuramente originariam o&nbsp;@nextweb/ui-kit), quanto compreender os problemas da versão 1 que deveríamos evitar a todo o custo.Entre cafés e pães-de-queijo, testamos frameworks, recursos de cloud, estudamos os “Core Web Vitals”, fizemos POC’s, POC’s e mais POC’s, até que compreendemos os requisitos técnicos iniciais para estruturarmos a arquitetura do projeto.<img data-src-name="{{image2022-4-1311-13-2.png}}" alt="Image"><h3>Os requisitos técnicos</h3><h5>Ser Mobile First.</h5>[PORCENTAGEM DE CLIENTES QUE USAM MOBILE] do nosso público utilizam dispositivos mobile para navegação na internet. Com isso, o site precisa ser otimizado para ser leve, rápido e com um excelente design para dispositivos mobile.<h5>First Meaningful Paint (atual FCP)</h5>As páginas do site deverão mostrar o conteúdo instantaneamente, sem ter que esperar ou depender de javascript.<h5>Conteúdo dinâmico.</h5>O site deve ser plugado em um CMS e precisa ser atualizado em “tempo real”.<h5>Tem que funcionar no I.E.</h5>Imprevistos acontecem [EMOJI DE OLHO].<h5>Imagens Otimizadas</h5>Imagens e vídeos são artefatos críticos para uma página ter uma boa performanceSegundo o&nbsp;“<a href="https://next.me/%22https://web.dev/codelab-serve-images-correct-dimensions//%22">Core Web Vitals</a>”, as imagens precisam ser servidas no tamanho correto, com a compressão correta e de maneira otimizada para cada dispositivo.&nbsp;&nbsp;<h3>Os problemas da v1</h3>Vamos estudar o comportamento de uma SPA dentro do site next.me 1.0, utilizando a linha de tempo de renderização do “profiler” do&nbsp;<a href="https://next.me/%22https://developers.google.com/web/tools/lighthouse//%22">Lighthouse</a>.Na imagem abaixo temos os primeiros dez segundos de renderização da página home. Não se preocupe com o excesso de informação, mais abaixo analisaremos este relatório com você.<img data-src-name="{{4.jpg}}" alt="Image">O que são estas linhas e o que elas representam no ciclo de vida de renderização de um site?<img data-src-name="{{5.jpg}}" alt="Image">Em&nbsp;vermelho&nbsp;(ou salmão), temos a linha da&nbsp;rede. Nela está sendo exibido o&nbsp;tempo&nbsp;que o navegador levou para&nbsp;baixar&nbsp;algum arquivo (js, html, css, imagens, etc).Em&nbsp;verde,&nbsp;temos a linha de&nbsp;pintura de tela.&nbsp;Nela, podemos visualizar o que está sendo&nbsp;mostrado na tela do usuário.Em&nbsp;amarelo, temos a linha de algumas das principais métricas de performance para a web (vamos falar sobre isso já já).Aqui estão alguns dos principais eventos da linha do tempo.<img data-src-name="{{6.jpg}}" alt="Image">Ou seja, em&nbsp;média&nbsp;(com dados de laboratório) um usuário&nbsp;levava&nbsp;7.6 segundos&nbsp;para visualizar o primeiro frame de nosso site (o&nbsp;FCP).Segundo o time do Google:“Para fornecer uma boa experiência ao usuário, os sites devem se esforçar para ter uma First Contentful Paint de&nbsp;1,8 segundos&nbsp;ou menos.”--Ou seja, o comportamento padrão de uma SPA (renderizada no lado do cliente) dificulta muito a pintura e entrega do primeiro frame.<h3>O tamanho do bundle</h3>Outro grande problema de uma SPA, é o tamanho do arquivo inicial do aplicativo.Hoje é muito fácil utilizar técnicas de code-spliting (separar os códigos em multiplos bundles) e lazy loading (carregar budles por prioridade) porém, o comportamento padrão de uma SPA é colocar todo o código do seu site em um único arquivo.<img data-src-name="{{7.jpg}}" alt="Image">O arquivo inicial (o maior quadrado em rosa, bundle.js) para montar o site é de&nbsp;7.0MB&nbsp;o que, num ambiente com simulação de conexão 4g (em laboratório) levou&nbsp;4.77&nbsp;segundos.<h3>O plano (JamStack)</h3>Durante os estudos de novas ferramentas e padrões do mercado, encontramos o&nbsp;nextjs&nbsp;e a&nbsp;Jamstack.<h4>O que é a JamStack?</h4>Esta arquitetura de projetos surgiu com a necessidade de modernizar e otimizar as aplicações SPA, tornando-as mais acessíveis e performáticas.A ideia central é de que, além de possuir uma CDN para tornar a distribuição de conteúdo mais rápida, o conteúdo precisa ser pré-renderizado no lado do servidor, sendo entregue ao usuário o HTML já “pintado”.Ela pode trazer todos os benefícios de uma SPA, somados aos benefícios de devolver um html já montado para o client.Você pode saber mais sobre esse padrão de arquitetura&nbsp;<a href="https://next.me/%22https://jamstack.org//%22">aqui</a>.Os princípios desta arquitetura são:<ul><li>JavascriptPor ser uma linguagem extensível, poderosa e dinâmica, o JavaScript permite (com ressalvas) que algoritmo rode tanto no lado do cliente (navegador) quanto no lado do servidor (com NodeJS e Deno).</li><li>Por ser uma linguagem extensível, poderosa e dinâmica, o JavaScript permite (com ressalvas) que algoritmo rode tanto no lado do cliente (navegador) quanto no lado do servidor (com NodeJS e Deno).</li><li>Pré renderingPara entregar o conteúdo de maneira otimizada para navegadores e buscadores, o arquivo HTML precisa ser entregue pré-renderizado, evitando assim a dependência direta de arquivos javascript para mostrar o conteúdo de uma página.</li><li>Para entregar o conteúdo de maneira otimizada para navegadores e buscadores, o arquivo HTML precisa ser entregue pré-renderizado, evitando assim a dependência direta de arquivos javascript para mostrar o conteúdo de uma página.</li></ul>Veja como funciona:<img data-src-name="{{8.jpg}}" alt="Image">Em algumas sessões, mostraremos como isso funcionou no mundo real.<ul><li>CDNPara entrega de conteúdo de maneira eficiente e distribuída, será necessário servir o site através de uma CDN.</li><li>Para entrega de conteúdo de maneira eficiente e distribuída, será necessário servir o site através de uma CDN.</li></ul>Segundo a&nbsp;<a href="https://next.me/%22http://www.akamai.com//%22">@akamai</a>, no artigo&nbsp;<a href="https://next.me/%22https://www.akamai.com/pt/our-thinking/cdn/what-is-a-cdn/%22">"O que é uma CDN?" (akamai.com)</a>“Uma CDN (Rede de Entrega de Conteúdo) é um grupo de servidores geograficamente distribuídos que aceleram a entrega do conteúdo da Web, aproximando-o de onde os usuários estão.&nbsp;“<ul><li>Micro Serviços</li></ul><h4>A Execução</h4><h5>A evolução da infraestrutura.</h5>Em 2020 o next iniciou a migração para a cloud da Azure, e uma das premissas iniciais (quanto ao site), foi levar o ambiente equivalente&nbsp;“on-premises”&nbsp;e colocá-lo em num cluster na cloud.<img data-src-name="{{9.jpg}}" alt="Image"><ol><li>Na imagem,&nbsp;em vermelho, temos a infraestrutura “atual” (no momento de criação) do site, a qual deverá hospedar o site nos primeiros deploys. Usuários e buscadores solicitariam a um servidor apache os arquivos que foram atualizados com a ferramenta de CI &amp; CD Bamboo, buscado o conteúdo do StaffChannel (que seria alimentado pelo marketing.</li><li>Em&nbsp;azul,&nbsp;temos o&nbsp;novo modelo&nbsp;de infraestrutura, aonde o cliente e os buscadores solicitam há um&nbsp;Cache&nbsp;(uma CDN) os conteúdos, indexados e cacheados de&nbsp;um servidor NodeJS, que por si, atualiza seu próprio conteúdo em um tempo pré-agendado, buscando-o seus dados através de um&nbsp;API middleware.</li></ol><h3>O resultado</h3>Vamos fazer a mesma analise que fizemos na versão 1.Na imagem abaixo, temos os primeiros dez segundos de renderização do novo site com os principais eventos.<img data-src-name="{{10.jpg}}" alt="Image"><h5>Nosso tempo de pintura reduziu 844% o tempo de primeira pintura (FCP)</h5>&nbsp; O tempo de primeira pintura passou de&nbsp;7.6&nbsp;para&nbsp;0.9 segundos.&nbsp;Uma melhora considerável para os indicadores de performance.Antes<img data-src-name="{{11.jpg}}" alt="Image">Na imagem, o tempo de carregamento médio era&nbsp;7.6 segundosDepois<img data-src-name="{{12.jpg}}" alt="Image">Com renderização no lado do servidor, o tempo de carregamento passou para&nbsp;0.9 segundos.<h5>&nbsp; Buscadores passaram a gostar de nossas páginas</h5>Por exemplo, com nossa página de&nbsp;mimos, passamos a ser o primeiro resultado orgânico.<img data-src-name="{{14.jpg}}" alt="Image">Buscando por&nbsp;"renda fixa", junto de&nbsp;"banco next", nossa página de investimentos e nosso post de blog também passaram a ser o primeiro resultado orgânico<img data-src-name="{{13.jpg}}" alt="Image"><h5>Nossos arquivos Javascript ficaram menores.</h5><img data-src-name="{{15.jpg}}" alt="Image">Somando o peso de todos arquivos da aplicação (ignorando arquivos de analytics), nosso bundle ficou com&nbsp;~830kb (0.8MB).&nbsp;Isso ocorre porque o&nbsp;NextJs&nbsp;cria um build individual e otimizado para cada página, contendo apenas o javascript necessário para cada uma delas renderizar.

Um pouco da nossa experiência com websites e frameworks javascript e o caminho que nos levou até "voltar" a renderizar html's do lado do servidor.

Voltamos a renderizar html no servidor

Gostaríamos de mostrar um pouco da nossa caminhada para explorar as possibilidades do uso do Flutter no Next. Mas antes, devemos primeiro responder a estas duas perguntas: o que é o Flutter e por que pode valer a pena adotá-lo? De acordo com seu site, em tradução livre, “Flutter é o UI&nbsp;toolkit&nbsp;da Google para construção de aplicativos bonitos e compilados de forma nativa para celular, web e desktop a partir de uma única fonte de dados”.Dito isso, foram realizadas Provas de Conceito envolvendo também Xamarin e React Native e adivinha só quem se sobressaiu por produzir aplicativos com desempenho extraordinário e interface visual aprimorada, mesmo em aparelhos antigos, sem citar uma melhor&nbsp;Experiência do Desenvolvedor&nbsp;(DX)&nbsp;com o inigualável&nbsp;hot reload&nbsp;e menor barreira de entrada para novos devs? Se você respondeu Flutter, acertou!!!A partir daí, como poderia então acontecer uma possível implantação do Flutter no Next, que já atinge uma base de clientes ativos na casa dos milhões atualmente. Será que uma adoção no formato&nbsp;big bang&nbsp;seria adequada? Ou uma adoção em fases seria mais apropriada? A opção escolhida foi a segunda, que permitiria respeitar o amadurecimento tanto do próprio Flutter quanto das pessoas e processos envolvidos. É muito importante frisar que o requisito principal para essas atividades envolvendo o Flutter SEMPRE FOI que as jornadas que fossem escritas com Flutter coexistissem com as jornadas que normalmente são feitas e que continuam sendo feitas em Java/Kotlin no Android e Swift no iOS.Para verificar então a viabilidade do Flutter no Next, a meta principal passou a ser preparar uma versão do app contendo algumas funcionalidades construídas com o Flutter, sendo que tais funcionalidades não poderiam ser tão simplórias a ponto de não abrangerem uma parte significativa da arquitetura do app nem tão complexas quanto seria a construção de um app completo do zero. Foram escolhidas então duas funcionalidades do app para servirem de piloto: a Busca de Caixas Eletrônicos e a Recarga de Celular. Um requisito adicional também foi colocado: não bastava reconstruir em Flutter essas funcionalidades da maneira como estavam atualmente no app, mas também era preciso fazer o então chamado “refino” das mesmas, ou seja, melhorá-las no que se refere a UX.Após alguns meses de pesquisas e engenharia, construímos a nova&nbsp;Busca de Caixas Eletrônicos&nbsp;e a nova&nbsp;Recarga de Celular, ambos acabaram servindo como arquitetura de referência para os novos projetos Flutter que surgiram depois. Falando nisso, hoje contamos também com as seguintes funcionalidades construídas inteiramente em Flutter: o&nbsp;nextShop, disponível desde a última Black Friday em novembro do ano passado, e o&nbsp;Pix&nbsp;que se encontra no app nextJoy desde fevereiro deste ano.Durante o período de Pesquisa e Desenvolvimento Flutter, fomos atrás de especialistas em Release Management, UX, Business Analysis, Quality Assurance e Back End para trabalhar junto com os especialistas em Flutter e dos apps nativos iOS e Android. Esse time passou então a ter capacidades múltiplas para dar conta tanto dos aspectos mais técnicos envolvendo Flutter, apps nativos e procedimentos de release, quanto dos aspectos negociais e de usabilidade do app. Sem mencionar que muitas outras habilidades precisaram ser adquiridas e isso não teria sido possível sem a ajuda e apoio de incontáveis pessoas de outros times do Next.Aliás,&nbsp;estamos contratando!!! Visite&nbsp;<a href="https://next.me/carreiras" rel="nofollow">next&nbsp;–&nbsp;Carreiras</a>&nbsp;e deixe seu currículo.<img src="{{flutter.png}}" src="blob:https://staffchannel.stf.th.aznxt.local/93e6be7c-e216-4a43-beac-9e1597d50b5f" alt="Image">Vale mencionar que estamos adotando e apoiamos a filosofia do&nbsp;Next Design System, que nos oferece muito mais do que um amplo catálogo de componentes visuais, mas principalmente constitui-se num modo de pensar de maneira contínua a UX dos apps do Next, sejam eles construídos em Flutter, Android nativo, iOS nativo, web ou qualquer outro canal de comunicação com o usuário.Também vale citar o apoio que toda a equipe de nativos tem dado e, inclusive, estamos atualmente colaborando com iniciativas do time de&nbsp;Engenharia do App&nbsp;de forma a garantir que o Flutter seja UMA DAS OPÇÕES&nbsp;disponíveis para desenvolvimento das jornadas mobile no Next. Assim sendo, os times podem optar por desenvolvimento nativos Android e iOS ou partirem para o Flutter, se assim eles quiserem.Gostaríamos de colocar também o quanto o apoio da gerência tem sido fundamental, não somente no acompanhamento de status do projeto e no direcionamento estratégico das atividades, mas principalmente por trabalhar ativamente com o time, além da divulgação desta iniciativa aos diversos níveis gerenciais da organização.Se pudéssemos então resumir em uma única palavra que descreva nossa caminhada até o momento, diríamos que é&nbsp;coexistência, de modo a manter as funcionalidades, pessoas e características do app atual e, ao mesmo tempo, permitir o avanço de inovações tecnológicas por meio da inclusão do Flutter junto com os nativos, como descrito neste artigo.<a href="https://flutter.dev/">[1]https://flutter.dev/</a>

Gostaríamos de mostrar um pouco da nossa caminhada com o Flutter no Next. O requisito principal é que as features feitas em Flutter coexistam com as que normalmente são feitas e continuam sendo feitas em Java/Kotlin no Android e Swift no iOS.

Nossa experiência com Flutter no next

O&nbsp;next&nbsp;está indicado a&nbsp;“Melhor Banco Digital”&nbsp;na 5ª edição do&nbsp;Prêmio Canaltech&nbsp;. Numa relação de estreita parceria com os mais de&nbsp;<a href="https://next.me/whatsnext/next-10-milhoes-clientes" rel="nofollow">10 milhões de clientes&nbsp;</a>que desfrutam, diariamente, de produtos e serviços que descomplicam a rotina financeira e transformam objetivos em conquistas, agora o next busca subir no lugar mais alto do pódio desta premiação. Se você se sente representado pelo next e parte desta evolução, vote no next. :-) Vamos juntos?<h3>Prêmio Canaltech</h3>Criado em 2012, o Prêmio Canaltech identifica os melhores serviços, produtos e marcas com base na opinião do consumidor. Em sua 5ª edição, a premiação contempla 46 categorias diferentes, divididas entre: produtos, marcas mais desejadas, serviços, games e marcas mais reconhecidas de TI. Todas as categorias contam, primeiramente, com o voto popular e, depois, são avaliadas por um júri técnico, formado por jornalistas e influenciadores especializados que acompanham o mercado de tecnologia e games.<h3>Como votar?</h3>Para eleger o next como “Melhor Banco Digital” do Brasil é fácil e rápido. Veja só:1 –&nbsp;Acesse o&nbsp;<a href="http://premio.canaltech.com.br/2021/" rel="nofollow">site&nbsp;</a>do Prêmio Canaltech;2 –&nbsp;Clique em “votar agora”;3 –&nbsp;Preencha seus dados pessoais (nome, CPF, ano de nascimento, e-mail e Estado) e responda três perguntas;4 –&nbsp;Aperte o botão “votar”;5 –&nbsp;Vá até a categoria “serviços”;6 –&nbsp;Procure por “Banco digital”;7 –&nbsp;Vote no next e dê uma nota (de 0 a 5);8 –&nbsp;Para finalizar, clique em “confirmar votos”.Pronto, o voto será computado. Vale lembrar que o&nbsp;voto popular&nbsp;está aberto&nbsp;até o dia 28 de fevereiro&nbsp;e os vencedores serão divulgados pelo Canaltech em março.

Venha para o next! Com 10 milhões de clientes que fazem acontecer todo dia, o next é um dos concorrentes a “Melhor Banco Digital” do Brasil na 5ª edição do Prêmio Canaltech.

Com 10 milhões de clientes que fazem acontecer todo dia, o next é um dos concorrentes a “Melhor Banco Digital” do Brasil na 5ª edição do Prêmio Canaltech.

Faz acontecer: next é um dos indicados ao Prêmio Canaltech!

next – Blog do next

<h2>Porque o Banco next escolheu o nome "next" para representar a sua marca?</h2><img src="{{porque-next-me-img.png}}" src="blob:https://staffchannel.stf.th.aznxt.local/56d1cd65-21a0-4fe4-a329-776b7f163e07" alt="Na imagem, a composição (em grid) da logo do next em preto e branco.">Voltando em 2015:Em 2015, o Bradesco, um dos maiores bancos do Brasil e do mundo, tinha claro na sua estratégia que precisava se conectar com o futuro do mercado financeiro, precisava se conectar com as próximas gerações de consumidores de produtos financeiros. Para o Bradesco estava claro que a estratégia do modelo financeiro contemporâneo, tranquilamente atenderia a geração atual ainda por um longo tempo, mantendo a estratégia de se modernizar como sempre fez, mas era preciso se preparar para as próximas gerações, os millenials, geração Z, os hiper conectados.Com a chegada dos millenials, alcançando a idade média para consumir produtos financeiros e logo chegando à geração Z, o Bradesco iniciava o desenho de toda a estratégia do que viria a ser o Banco next. Naquele momento buscava-se um olhar para o futuro, não só entender o que seria o futuro do setor financeiro, mas materializar experiências financeiras e não financeiras diferenciadas para os brasileiros, um lugar para guardar o dinheiro, compartilhar todas as jornadas da sua vida, multiplicar e materializar sonhos.Em qualquer reunião de brainstorm para falar do que viria a ser o Banco next, algumas palavras chaves sempre se repetiam:<img data-src-name="{{porque-next-me-img-0.png}}" src="blob:https://staffchannel.stf.th.aznxt.local/95a6c5ee-d51d-4819-9ba9-2bf48a5fb894" src="blob:https://staffchannel.stf.th.aznxt.local/4eafbd9d-05c5-4950-8f40-effa4d0ffdeb" alt="Na imagem, em preto e branco, são dispostas as palavras chaves do next: ">O termo&nbsp;Next&nbsp;é muito comum de ser encontrado em empresas que queiram mostrar algum produto ou serviço cujo objetivo é demonstrar algo relacionado a inovação, e este era o DNA que o novo banco precisava ter, se este banco queria ser o principal banco digital do Brasil, precisava inovar, precisava pensar nos próximos passos, e&nbsp;next&nbsp;foi a palavra que melhor representou a estratégia para este novo banco.<blockquote>"Um dos principais pilares da iniciativa Digital que construímos é a inovação. Sempre disponibilizar aos clientes o que existe de melhor através da inovação, criação de novas tendências. Para isso a ideia era que o cliente next tenha acesso as próximas inovações e tendências de forma antecipada. Ter acesso a próxima fronteira, ao que virá em seguida... ao next. Inovação para nós não é algo longe, É algo próximo, É o que será o next hoje, E o futuro é hoje é next!"&nbsp;&nbsp;</blockquote> - Jolivan Galvão<img data-src-name="{{porque-next-me-img-1.png}}" src="blob:https://staffchannel.stf.th.aznxt.local/ea5fc344-3299-4db1-9fef-e71ba6c21c7f" src="blob:https://staffchannel.stf.th.aznxt.local/c9218545-efd9-4836-81c3-ef4f3926a1bd" alt="Na imagem, o tema do next "><h3>Dias atuais:</h3>Para quem trabalha no next, ou é cliente, ou conhece a marca, sente que não poderia ter sido escolhido outro nome para representar o que o Banco next representa hoje. Olhar para 2015 entendendo o objetivo da escolha desse nome, e comparar com a estratégia atual da empresa, inovando TODOS OS DIAS, trazendo produtos, soluções, atendimento inovador, há uma tranquilidade que o Banco next esta exatamente no caminho do que era o seu objetivo.<h3>Porque escolhemos a URL "<a href="https://www.next.me/" rel="nofollow">next.me</a>" para ser o endereço do nosso site?</h3>Em 2016, quando a URL do site foi definida:Considerando o que falamos sobre a escolha do nome next, e todo valor em torno do que essa palavra representava, era importante dizer que toda essa inovação que o Banco next buscava, estivesse o mais próximo possível dos seus futuros clientes, porque no fim este era o objetivo, aproximar toda a inovação proposta as pessoas, com isso a ideia da frase "next.me" era algo como "próximo a mim" em uma tradução simples.&nbsp;<img data-src-name="{{porque-next-me-img-2.png}}" src="blob:https://staffchannel.stf.th.aznxt.local/0f6077d3-cbd2-4e1e-9642-6363df94f9b7" src="blob:https://staffchannel.stf.th.aznxt.local/a2a31925-775e-4064-bbe8-67e5e1a10ca7" alt="Image">Mas... existe a outra resposta mais prática e em partes verdadeira: porque era o único domínio&nbsp;(legal) disponível na época. Sim, isso também é verdade. O next buscou os clássicos domínios ".com" e ".com.br", mas ambos não estavam disponíveis.&nbsp;<h3>Curiosidades:</h3><ul><li>O domínio (ccTLD) ".me" pertence ao país Montenegro.&nbsp;</li><li>A URL "next.com.br pertence a um e-commerce de uma empresa de vestuário da Inglaterra, sim uma empresa da Inglaterra comprou o ".br" também, mesmo que o domínio deles seja outro (next.co.uk)</li><li>A URL "next.com" pertence a Apple, Porque a Apple comprou este domínio?&nbsp; Não tenho certeza, pode ser pelos mesmo motivos que falamos a cima na importância da palavra next, mas pode ser também porque em 1985, Steve Jobs abriu a sua própria empresa logo depois de sair da Apple, a NeXT Computer. Em 1996 a Apple comprou a NeXT Computer, assim como os direitos da marca.</li><li>ccTLD =&nbsp;country code top-level domain, é o domínio de nível mais superior, reservado a cada país ou território independente. Quem gerencia estes códigos de domínios é a&nbsp;IANA (&nbsp;Internet Assigned Numbers Authority),&nbsp; organização mundial responsável pela gestão destes valores.</li></ul>

Porque escolhemos o nome next para nos representar e o domínio next.me para o nosso site.

Por que "next" e "next.me"?