[Dúvida] Como podemos usar o Design System em outros projetos?

Oi Rafael! Tudo bem com você?

Parabéns por chegar ao final do curso! Vou te dar uma visão de como podemos fazer a publicação e consumo da lib. No entanto, te incentivo a continuar a Formação Next.js e Tailwind: construindo um design system, pois no quarto curso será ensinado como fazer a publicação e consumo da lib, com todos os detalhes necessários para fixar os conhecimentos. O curso que você finalizou é apenas o primeiro dessa jornada. Vamos lá:

1. Publicar a biblioteca: primeiro, você precisa publicar sua biblioteca de componentes. Você pode fazer isso usando o npm (Node Package Manager). Segue um passo a passo básico:

   • Crie uma conta no npm.
   • No seu projeto de Design System, execute npm login no terminal e faça login com sua conta.
   • Em seguida, execute npm publish para publicar sua biblioteca. Certifique-se de que o package.json está configurado corretamente.

2. Instalar a biblioteca no novo projeto: agora que sua biblioteca está publicada, você pode instalá-la em qualquer novo projeto React. No seu novo projeto, execute:

   npm install nome-da-sua-biblioteca
   

   Substitua nome-da-sua-biblioteca pelo nome que você deu à sua biblioteca no npm.

3. Usar os componentes: depois de instalar a biblioteca, você pode importar e usar os componentes no seu novo projeto.

4. Configurar o TailwindCSS: certifique-se de que o TailwindCSS está configurado no seu novo projeto. Você pode seguir a documentação oficial do TailwindCSS para configurá-lo corretamente.

Para ter mais noção do passo a passo, recomendo que assista esse vídeo. Mas reforço novamente que continue nos cursos dessa formação pois será entregue todo o passo a passo de publicação e consumo da biblioteca.

Espero ter ajudado. Um abraço e bons estudos!