> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bukiopay.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Estrutura de Arquivos

> Como os arquivos do template estão organizados em pastas e o que vai em cada uma.

Um template é organizado assim:

```text theme={null}
pages/         páginas da loja (uma por endereço)
layouts/       moldura em volta das páginas: <head>, navbar, footer
components/    partes reutilizáveis: card de produto, carrinho, busca
scripts/       JavaScript da loja
styles/        CSS da loja
images/        imagens do tema
```

## pages

Cada arquivo é uma página da loja. `pages/index.html` é a home, `pages/product.html` é a página de produto, e assim por diante. Veja [Páginas e rotas](/editor/paginas) para a lista completa.

## layouts

O layout é a moldura que envolve a página: `<head>`, navbar, footer. Em vez de repetir isso em cada arquivo, a página declara qual layout usar e o conteúdo é injetado dentro dele.

## components

Pedaços de HTML que aparecem em mais de um lugar, como o card de produto. Você edita num arquivo só e a mudança aparece em toda a loja.

## scripts e styles

O JavaScript e o CSS da loja. Os dados públicos da loja ficam disponíveis em `window.BUKIO_STORE`, então você consegue usá-los no seu script.

## Atalhos de caminho

Ao referenciar outro arquivo, use os atalhos em vez do caminho completo:

| Atalho | Aponta para |
| - | - |
| `@layouts/layout.html` | a pasta `layouts` |
| `@components/navbar.html` | a pasta `components` |
| `@pages/index.html` | a pasta `pages` |

<Warning>
  Não é possível referenciar arquivos fora do seu template. Caminhos com `../` são recusados.
</Warning>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.