Apresentamos uma tradução do artigo Sm0ke publicado em dev.to. O autor fala sobre sua experiência na geração de aplicativos da Web e sobre como automatizar o processo de criação deles.Oi codificadores!
Sou desenvolvedor freelancer e já gerou mais de 100 aplicativos em vários idiomas e plataformas usando ferramentas de automação,
análise de HTML e um
código padrão .
Todos os meus aplicativos, pagos e gratuitos, estão no repositório
aberto do GitHub. Vou falar sobre alguns deles neste artigo.
No total, criei mais de 40 aplicativos. O design para eles foi desenvolvido por agências da web conhecidas.
Todos esses aplicativos, pagos e gratuitos, usam um clichê, banco de dados SQLite, ORM, autenticação, auxiliares e um conjunto básico de ferramentas (exportação estática via Frozen-Flask e um script de implantação de FTP).
- Aplicativos licenciados gratuitos do MIT - Paper Kit , FlaskPlay .
- Aplicativos gratuitos licenciados sob o CCA 3.0 (ao usá-los, você deve salvar informações sobre autoria) - Phantom , SolidState .
Todos os meus painéis de administração são criados usando o Flask e usam o banco de dados SQLite, autenticação, ORM e um conjunto básico de ferramentas (uma lista completa de painéis pode ser vista
aqui ).
Aqui estão alguns painéis:
Argônio do painel de balões ,
Material do painel de balões e
Painel de balões NowUi . Todos eles são licenciados pelo MIT.
Outras aplicações e clichês gerados
- Full Stack - aplicativos com arquitetura de duas camadas, bem como Vue e React (no nível da interface). Tenha uma licença do MIT.
- O código padrão para Node.js, Laravel e Flask - também com uma licença MIT.
Sobre o processo de automação
Uma vez decidi simplificar o processo de criação de aplicativos. Com base na minha experiência como freelancer nos últimos dois anos, bem como nos requisitos e feedback dos clientes, tirei as seguintes conclusões:
- Os clientes sempre precisam de vários designs para o aplicativo (para que haja muito por onde escolher).
- Meus aplicativos devem ser compatíveis até com os dispositivos mais recentes.
- É necessário que a migração de versões herdadas de aplicativos para novos dispositivos caiba em um orçamento pequeno.
Para resolver esses problemas, o processo de desenvolvimento teve que ser automatizado. No meu caso, foram necessárias várias etapas:
Passos adicionais
- Estendendo o analisador de HTML para converter designs de HTML herdados em temas Vue, React e Angular.
- Preparamos temas para estruturas modernas (Gatsby.js, Gridsome, Hugo), começando com o design criado no Bootstrap.
- Transferimos designs de versões anteriores da estrutura CSS (Bootstrap) para Bulma e Tailwind.
- Adicionamos mais clichês ao pipeline - por exemplo, para Django, Fastify e estruturas similares.
Agradecemos antecipadamente o seu feedback!