> For the complete documentation index, see [llms.txt](https://docs.adapta.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.adapta.org/skip/comece-aqui/tecnologias-utilizadas-stack.md).

# Tecnologias utilizadas (Stack)

Diferente de ferramentas *no-code* que prendem você a uma plataforma fechada, o Skip gera **código real** em uma stack moderna e padronizada. O código é seu: pode ser exportado a qualquer momento, revisado por qualquer desenvolvedor profissional e rodado em qualquer ambiente.

Esta página é uma referência técnica para quem quer entender exatamente o que está por trás de cada aplicação criada no Skip.

### Frontend

A camada visual é construída com as tecnologias mais usadas pela indústria hoje:

* **React:** A biblioteca mais popular do mundo para construção de interfaces dinâmicas e reativas.
* **Vite:** Ferramenta de *build* de próxima geração — compila o projeto em segundos e oferece *hot reload* instantâneo durante o desenvolvimento.
* **TypeScript:** Tipagem estática sobre JavaScript, evitando os erros mais comuns em tempo de escrita e facilitando a manutenção em longo prazo.
* **Tailwind CSS:** Framework de utilitários para estilização rápida e consistente, com design responsivo nativo (mobile, tablet e desktop).
* **Shadcn UI:** Biblioteca de componentes de alta fidelidade — botões, modais, formulários e elementos de interface prontos, bonitos e acessíveis.
* **React Router:** Sistema de navegação entre páginas da aplicação, com rotas protegidas e parâmetros dinâmicos.

### Backend e Infraestrutura

A camada de dados e serviços tem o **Skip Cloud como solução principal** e integrada:

* **Skip Cloud (padrão):** Banco de dados, autenticação, edge functions, realtime e hospedagem **integrados** à plataforma. É a opção padrão e recomendada para novos projetos — você não precisa conectar nenhuma conta externa.
* **Supabase (PostgreSQL):** Disponível como **alternativa externa** para quem já tem infraestrutura em Supabase ou precisa de controle fora da plataforma.
* **Edge Functions:** Funções *serverless* que rodam perto do usuário, ideais para integrar pagamentos, envio de e-mail, APIs de IA e outros serviços com **segurança** (as chaves secretas ficam fora do frontend).
* **Realtime:** Atualização de dados na tela sem recarregar a página — perfeito para chats, notificações e dashboards dinâmicos.

### Ecossistema e Conectividade

O Skip foi desenhado para conversar com o resto do mundo:

* **Integração com GitHub:** Conecte seu repositório para controle de versão profissional, colaboração com outros devs e backup do código.
* **Código Portátil:** Baixe o código-fonte a qualquer momento e rode em seu próprio ambiente. Nada do que você construiu fica refém da plataforma.
* **APIs RESTful:** Conecte-se a qualquer serviço externo, de gateways de pagamento a modelos de linguagem de IA.

### Por que essa stack importa

Ao usar uma stack padronizada (**React + TypeScript + Skip Cloud**), sua aplicação é **sustentável a longo prazo**. Se no futuro você contratar um desenvolvedor sênior para expandir ou manter o projeto, ele vai entender o código na hora — porque o Skip fala a linguagem oficial da web moderna.

Ou seja: você constrói hoje com IA e, amanhã, pode crescer com um time tradicional sem nenhuma reescrita.

{% hint style="info" %}
**Posso exportar meu código?** Sim. A qualquer momento você pode baixar o código-fonte do projeto ou sincronizá-lo com um repositório GitHub — a propriedade intelectual do que você construiu é sempre sua.
{% endhint %}

{% hint style="success" %}
**Próximo passo:** Agora que você conhece a tecnologia por trás do Skip, aprenda a falar com ela de forma eficiente no [**Guia de Engenharia de Prompt**](/skip/comece-aqui/guia-de-engenharia-de-prompt-para-skip.md).
{% endhint %}