Collection of Pages with Components

Páginas Paramétricas

As páginas paramétricas permitem encapsular várias páginas sob a mesma URL.

/{country}/landingPage   // página de destino que leva o país em consideração
/{lang}/products        // página de listagem de produtos para vários idiomas
/{categories}/{blogPost} // posts de blog personalizados separados por categorias

O funcionamento das páginas paramétricas é o seguinte:

• Você conecta um componente personalizado ao slug {country} ou {lang}, ou a qualquer slug de sua escolha, como {categories}
• Para slugs personalizados como {categories} o componente conectado precisa definir um "Route Slug" no construtor de componentes
• Você cria documentos nesse esquema para gerar várias páginas dinamicamente

Etapa 1. Configure uma Rota Paramétrica

No painel de administração, crie uma rota paramétrica: /{country}/landingPage

Em seguida, conecte o slug {country} ao esquema Country.

O aviso “Nenhum campo de slug padrão configurado para este componente” significa que o sistema ainda não sabe qual campo do esquema deve ser usado como slug de URL. Isso será corrigido na próxima etapa.

Etapa 2. Crie o Esquema e os Documentos

Crie um esquema Country no CMS.

Estrutura de exemplo:

{
  "code": "us",
  "name": "Estados Unidos",
  "language": "Inglês"
}

Suponha que você tenha atualmente 3 documentos nesse esquema.

Etapa 3. Vincule o Campo ao Slug de Rota

Vá para Country schema → Edit Schema

Associe o campo code como o Campo de Slug de Rota.

Isso significa que as rotas válidas serão: /us/landingPage

Rotas inválidas:

• /English/landingPage
• /United States/landingPage

Resultado

• Cada documento cria uma nova página
• 3 documentos = 3 páginas de destino
• Adicionar mais documentos cria automaticamente mais rotas

Próximos Passos

Veja Configurando o Roteamento Paramétrico com um renderizador para renderizar páginas paramétricas