Resumo: Onde criar e publicar projetos Web?

tl;dr: deco.cx

A Web é uma tecnologia fundamental porque ela é acessível. Tanto para quem cria, quanto para quem acessa. Mark Zuckerberg criou uma das maiores empresas do mundo através de um web app PHP e hoje a maioria dos brasileiros carrega um dispositivo capaz de renderizar esse e vários outros apps.

Em relação ao acesso, ainda há trabalho a ser feito. Mas, indiscutivelmente, demos um passo gigante. Os smartphones, o 3G e os browsers – puxados pelo movimento do mercado – marcaram a década e colocaram >90% dos brasileiros online.

Do lado da criação... ainda é complicado. Se compararmos as tecnologias Web da época que o Facebook foi criado, em 2004, é possível argumentar que era mais simples colocar algo online antigamente. Definitivamente temos ferramentas melhores, mas um iniciante fica facilmente ansioso com tudo que precisa aprender.

Eu acredito que simplificar o desenvolvimento Web é uma missão social. O tempo gasto em entender e escolher detalhes desnecessários é tempo que poderia ser usado para resolver problemas reais da sociedade. Resolver problemas reais é o que motiva as pessoas a fazerem mais e construirem um futuro espetacular.

É pra isso que estamos criando a deco.cx. Fizemos um vídeo explicando o propósito do produto aqui, mas nesse post eu vou descrever mais especificamente porque somos o melhor lugar para estudantes e profissionais desenvolverem e colocarem suas ideias online.

✨ Stack simples e pragmática. Typescript é a melhor linguagem para escrever lógica de negócio. TSX é a melhor maneira de escrever HTML junto com dados dinâmicos. Tailwind é a melhor abstração para escrever estilos CSS.

🏆 Frontend e Backend em um só lugar. Na deco nem existe essa separação (que eu acho improdutiva). Você tem acesso ao servidor para renderizar seus componentes de UI, buscar dados de API e criar rotas que retornam JSON.

🖥 Editor de código integrado ao browser. Todo projeto deco é um repositório Git que você pode clonar e rodar localmente, mas o editor de código integrado facilita o processo de desenvolvimento com ferramentas utilitárias.

© CMS baseado em Typescript. O CMS da deco possibilita que você exporte um tipo Typescript nas Sections e Loaders e ganhe um formulário editável no Admin. Isso possibilita a fácil edição de imagens, textos e configurações. Para ver como funciona, assista esse vídeo.

👩🏽‍🏫 Copilot que gera código e conteúdo. O decopilot é um assistente IA que conhece seu projeto e te ajuda a criar o código das Sections, Loaders e Actions. Além de analisar a performance do site e oferecer sugestões de melhorias.

🎲 Banco de dados SQL integrado. Graças a parceria com a Turso, todos sites deco contam com um banco de dados SQLite integrado. Você pode criar tabelas e gerenciar o banco através do próprio admin, além de ter acesso à uma SDK que facilita a integração pelo código.

⏳ Colaboração em realtime. As melhores coisas da vida fazemos junto de outras pessoas. As mudanças de código e conteúdo são transmitidas em tempo real para todos que estão editando o site. É o setup ideal para times e também para o ambiente de sala de aula.

Além de tudo isso, a deco oferece edição de SEO e tema, uma app store que salva horas de desenvolvimento e uma comunidade no Discord com outras pessoas que desenvolvem deco e discutem soluções nos canais de ajuda. Para criar um site deco, acesse deco.new e escolha um dos templates.

No momento que escrevo esse post ainda há peças faltando e pequenos bugs. Mas estamos trabalhando para corrigi-los e – acredite em mim – somos rápidos. Vou gravar mais vídeos demonstrando novas funcionalidades e você pode esperá-los no meu LinkedIn.