Fala, pessoal!
Sou dev (fiz ADS e trabalho na área) e há alguns meses decidi encarar o desafio de construir um produto completo de ponta a ponta (da arquitetura até infra, DNS, e-mails transacionais e aprovação na Web Store) para ganhar bagagem prática na cultura de indie hacking.
A Stack e o "Framework" próprio:
Como a minha ideia era aprender arquitetura e ter uma base reutilizável para futuros projetos, desenvolvi um boilerplate/framework próprio para extensões usando WXT. Ele já deixa configurado o setup de componentes, autenticação, banco e chamadas de API.
Com base nessa estrutura, lancei uma extensão focada em gerenciamento e inserção rápida de snippets de texto, links ou até prompts direto no navegador. O que o framework já deixa pronto:
- Extensão: WXT Framework + React + Tailwind CSS
- Landing Page: Next.js
- Backend & Auth: Supabase (Auth, RLS e Edge Functions)
- Billing: Stripe
- E-mails Transacionais: Resend
- Hosting/Infra: Vercel + Cloudflare
https://i.redd.it/mv52bh8auwmh1.gif
Desafios da jornada:
O maior aprendizado foi lidar com tudo o que fica fora do código tradicional: regras do manifest V3 da Chrome Web Store, políticas de privacidade, configuração de registros DNS para emails e a integração de pagamentos.
Queria saber da comunidade:
- Como essa foi minha primeira experiência construindo uma extensão completa do zero, queria pedir dicas para a galera mais experiente no nicho: quais boas práticas de arquitetura, segurança e performance vcs consideram 'obrigatórias' em extensões que eu deveria prestar atenção para as próximas versões?
- Pra galera dev que também toca projetos solos de ponta a ponta: qual costuma ser o maior gargalo de vcs fora a parte técnica/código?
Se alguém tiver dúvidas sobre o WXT ou sobre a arquitetura da extensão, bora trocar uma ideia!
Source: r/brdev · by /u/knightlydev