Uma das principais razões dos lojistas optarem por utilizar uma loja Shopify Headless com ou sem Hydrogen é a flexibilidade. Pode melhorar seu SEO e performance é algo muito mais fácil de ser alcançado em uma plataforma headless. Por isso vamos ver agora como utilizar URLs customizadas com Shopify Headless. Caso você queira aprender a criar lojas Shopify Headless utilizando Hydrogen, confira meu curso.
Arquitetura Shopify Headless
O principal insight que você vai ter nesse artigo é que as URLs são controladas do lado do seu servidor headless. As URLs nativas vão estar na sua loja Shopify do lado backend, você decidi a URL on frontend e que conteúdo mostrar.
Categorias com URLs customizadas
Nesse exemplo abaixo eu troquei o nome da pasta collections para categorias em Português. A pasta está dentro da pasta src/routes.
Agora você já consegue ter URLs customizadas com Shopify Headless em Português. Mesmo assim temos que ajustar alguns links estáticos, como na imagem.
Claro que se você precisar ter uma loja com várias linguas e URLs complexas já traduzidas para cada loja, isso vai ter um pouco mais trabalhoso. Mas agora você já sabe por onde começar suas otimizações de SEO.
