Executando verificação de segurança...
2

Criar aplicações desktop com shadcn-ui 🎨

Não conheço muito de tecnologias web, mas percebo que é difícil criar um projeto com uma boa experiência de desenvolvimento, muito por conta de envolver muitas ferramentas que devem ser configuradas para tornar isso possível, e quanto mais ambicioso o projeto, mais ferramentas vão envolver e mais tempo você vai passar configurando cada uma delas.

Senti muito isso quando fui desenvolver um projeto com Electron e passei quase 2 dias configurando todas as ferramentas que iria usar, muitos erros aconteceram e não sabia como resolver, então passei muito tempo tentando resolvê-los do que realmente trabalhando no projeto em si.

Então criei um template simples mas bem completo com várias ferramentas e frameworks já configurados, como:

  • Electron 29
  • Vite 5
  • Typescript
  • React
  • Tailwind CSS
  • Shadcn UI
  • E mais...

Demo GIF

A aplicação em si é bastante simples, o que fiz nela foi criar uma title bar customizada e um toggle para o tema usando o nativeTheme do Electron.

Para usar ele é bastantes simples, está tudo bem explicado no repositório, juntamente com uma breve explicação sobre as pastas e comandos do NPM: Repositório do template

Espero ajudar alguém que esteja precisando configurar este tipo de projeto ou que queira conhecer mais o Electron.

Carregando publicação patrocinada...
1