qwikcn

️ Este projeto está em fase experimental. Sinta-se à vontade para sair conosco no Discord se gostar do projeto!

qwikcn

Assim como shadcn/ui, mas para Qwik. Parte do? pilha.

O objetivo deste componente biblioteca coleção é ter o primeiro conjunto completo e pronto para produção de componentes reutilizáveis ​​para aplicativos Qwik com capacidade de copiar/colar à la shadcn para máxima personalização.

️ Esta não é uma porta 100%. Estar no Qwik significa que qwikcn deve usar bibliotecas headless compatíveis com Qwik (oi qwik-ui & modular-forms) que podem ter uma API ligeiramente diferente em comparação com as bibliotecas headless do shadcn (como radix/ui ou react-hook-form). Como consequência, a compatibilidade será definida com base nos melhores esforços, mas manterei o sistema de design básico o mais próximo possível. Você pode esperar 90% de paridade.

️ Nos bastidores, qwikcn usa uma combinação de componentes headless do qwik-ui, componentes qwikify$ed shadcn e elementos html. Ainda não há muitos componentes prontos para produção no qwik-ui, então qwikcn os adotará à medida que estiverem prontos para produção. Até então, os componentes shadcn headless mais complexos e não usados ​​com frequência serão qwikify$ed, mesmo que isso possa diminuir o desempenho; e aqueles que provavelmente serão muito reutilizados serão servidos como elementos HTML, mesmo que isso possa significar menos acessibilidade.

Contribuindo

Por favor, leia o guia de contribuição.

Licença

Licenciado sob a licença MIT.

Gerador de site estático (Node.js)

pnpm build.server

Vercel Edge

Este site inicial está configurado para implantação no Vercel Edge Functions, o que significa que será renderizado em um ponto de presença próximo aos seus usuários.

Instalação

O adaptador adicionará um novo vite.config.ts dentro do diretório adapters/ e um novo arquivo de entrada será criado, como:

 └── adapters/
    └── vercel-edge/
        └── vite.config.ts
└── src/
    └── entry.vercel-edge.tsx

Além disso, dentro de package.json , o script build.server será atualizado com a compilação Vercel Edge.

Construção de produção

Para construir o aplicativo para produção, use o comando build , este comando executará automaticamente pnpm build.server e pnpm build.client :

pnpm build

Leia o guia completo aqui

Implantação de desenvolvimento

Para implantar o aplicativo para desenvolvimento:

pnpm deploy

Observe que você pode precisar de uma conta Vercel para concluir esta etapa!

Implantação de produção

O projeto está pronto para ser implantado no Vercel. No entanto, você precisará criar um repositório git e enviar o código para ele.

Você pode implantar seu site no Vercel por meio de uma integração de provedor Git ou por meio do Vercel CLI.