---
title: Re-desenvolvimento com Base em Templates de Frontend
slug: re-desenvolvimento-com-base-em-templates-de-frontend
createdAt: 2024-09-02T20:40:08.237Z
---

Se os desenvolvedores estiverem criando novos produtos do zero ou na fase de design de protótipos de produtos, você pode rapidamente lançar sites de IA usando o Paragraph. Ao mesmo tempo, o Paragraph espera que os desenvolvedores possam criar livremente diferentes formas de aplicações frontend. Por isso, fornecemos:

- SDK para acesso rápido à API do Paragraph em várias linguagens
- Template de WebApp como um scaffolding de desenvolvimento de WebApp para cada tipo de aplicação

Os Templates de WebApp são de código aberto sob a licença MIT. Você é livre para modificá-los e implantá-los para alcançar todas as capacidades do Paragraph ou usá-los como código de referência para implementar seu próprio App.

Você pode encontrar esses Templates no GitHub:

- Aplicativo de conversação
- Aplicativo de geração de texto

A maneira mais rápida de usar o Template de WebApp é clicar em "Use this template" no GitHub, o que é equivalente a fazer um fork de um novo repositório. Em seguida, você precisa configurar o ID do App do Paragraph e a Chave de API, assim:

```javascript
export const APP_ID = ''
export const API_KEY = ''
```

Mais configurações em `config/index.ts`:

```javascript
export const APP_INFO: AppInfo = {
  "title": 'Chat APP',
  "description": '',
  "copyright": '',
  "privacy_policy": '',
  "default_language": 'en_US'
}

export const isShowPrompt = true
export const promptTemplate = ''
```

O ID do App pode ser obtido na URL do App, onde a longa sequência de caracteres é o ID exclusivo do App.

Cada Template de WebApp fornece um arquivo README contendo instruções de implantação. Normalmente, os Templates de WebApp contêm um serviço backend leve para garantir que as chaves de API dos desenvolvedores não sejam diretamente expostas aos usuários.

Esses Templates de WebApp podem ajudá-lo a construir rapidamente protótipos de aplicações de IA e usar todas as capacidades do Paragraph. Se você desenvolver suas próprias aplicações ou novos templates com base neles, sinta-se à vontade para compartilhar conosco.