Product update: nova CLI da Croct

Temos o prazer de anunciar o lançamento da CLI da Croct, uma ferramenta poderosa projetada para tornar a experiência de desenvolvimento mais rápida, fácil e livre de erros.

Por que uma a CLI?

Mesmo as integrações mais simples podem ser longas e cansativas. Ler documentação, criar API keys, configurar middlewares… é muita coisa, especialmente quando você está ansioso pra ver tudo no ar.

Nos últimos anos, trabalhamos duro para simplificar a forma como os desenvolvedores integram a Croct. Ainda assim, até agora, eram necessárias várias etapas manuais para que tudo funcionasse perfeitamente com estruturas como Next.js e React.

Automatizar essas mudanças não é fácil. Cada projeto tem suas próprias peculiaridades, como estilos, estruturas e casos extremos, para citar alguns. Mas oferecer uma experiência de desenvolvimento sem atritos sempre foi o nosso foco.

É por isso que a CLI da Croct é um marco tão importante. Ele automatiza toda a configuração, esteja você integrando um projeto existente ou começando do zero. Não há necessidade de criar uma conta ou sair do seu terminal. Basta executar um comando e você terá tudo pronto e funcionando.

Principais recursos

A CLI da Croct traz um conjunto de recursos poderosos projetados para facilitar a experiência de desenvolvimento.

Integração

Experimentando a Croct pela primeira vez? Já é usuário? Independentemente, tudo acontece direto no seu terminal. Criar uma conta, fazer login e até mesmo recuperar sua senha, tudo feito quando você executa seu primeiro comando.

Integração automatizada

A nova CLI automatiza a integração e o gerenciamento de projetos do início ao fim. Ela cobre tudo, desde a geração de API keys e adição de dependências até a refatoração automática do código.

Vamos usar um projeto Next.js como exemplo. Anteriormente, a integração da Croct geralmente exigia:

• Criar uma conta
• Verificar as versões do framework
• Configurar API key
• Instalar e configurar o middleware
• Manipular os tipos TypeScript
• Configurar o conteúdo fallback
• Atualizar manualmente as alterações de schema e muito mais.

Cada etapa era um ponto potencial de falha. Agora é só:

croct init

Só isso. Seu projeto está totalmente integrado.

Precisa atualizar o conteúdo?

croct update hero

Dar bump nos schemas?

croct upgrade hero

Geração de tipagem

A CLI da Croct gera automaticamente definições TypeScript com base em seu schema de conteúdo. Isso significa verificação completa de tipo estático e preenchimento automático sempre que você adiciona, atualiza ou atualiza conteúdo.

Templates

Um dos recursos mais poderosos da CLI da Croct são os Templates.

Ao contrário de templates tradicionais, que simplesmente copiam o código, os templates da Croct são dinâmicos e inteligentes porque possuem lógica embutida. Eles detectam o contexto do seu projeto, como o framework que você está usando, configuração de eslint ou se você está usando um app router ou page router, e se adaptam de acordo com tudo isso. Eles também consideram o que está disponível na sua conta da Croct, incluindo funcionalidades e cotas do seu plano.

Os templates podem até criar e configurar recursos, como componentes, slots e experiências, tudo de uma só vez.

Quer compartilhar seu trabalho? Você pode criar e distribuir seus próprios templates. Digamos que você construiu uma estratégia de personalização e deseja que seu colega de equipe a reutilize. Você pode simplesmente executar:

croct create template

A CLI orienta você na seleção dos recursos e, em seguida, empacota tudo em um arquivo de template reutilizável pronto para ser compartilhado.

Deep links

Para um fluxo de trabalho ainda mais fluído, a CLI oferece suporte a deep links.

Na primeira vez que você executar a CLI, você verá uma mensagem para ativar o suporte a deep links:

Uma vez habilitado, você pode executar comandos diretamente da IU da Croct. Isso mesmo, você pode instalar templates, sincronizar schemas e muito mais com um único clique:

O que vem a seguir?

A CLI da Croct está apenas começando. Agora estamos trabalhando em:

• Designs de slots gerados por IA para interfaces de usuário aprimoradas instantâneas
• Login no GitHub para criação de conta com um clique
• Servidor mockup para testes locais
• Atualização automática de código entre versões de schema
• Integração com a Vercel com um clique para facilitar a implementação
• Um marketplace de templates para descobrir e compartilhar integrações.

Experimente agora

Esteja você explorando a Croct pela primeira vez ou já seja um usuário, recomendamos experimentar a nova CLI e descobrir o que é possível.

Para instalá-lo globalmente, execute:

npm i croct -g

Adoraríamos seu feedback! Este é o primeiro lançamento público, então você pode encontrar algumas coisas que precisam de ajuste à medida que continuamos a atualizá-la. Se você encontrar algum problema ou tiver sugestões, por favor abra um issue no GitHub ou entre em contato com a gente.

Você também pode participar da nossa comunidade do Slack - estamos lá todos os dias e ficamos felizes em ajudar!