# supermercadosonline.com.br

SketchSystems.spec

# supermercadosonline.com.br
# Pre-render bem otimizadinho
Home*
  # Form com validação
  buscar cep -> CEP
  # Um tanto de link de rodapé, essencialmente
  escolher cidade de lista -> Cidade
# Carrega 100% no cliente
CEP
  # Puxa direto da API deles
  carregando CEP*
    carregado -> página de CEP lindona  
  # Renderiza sem metatags porque não precisa
  página de CEP lindona

# Pre-render *e* client-side render
Cidade
  # Teremos uma lista entregue pela VIP Commerce com as cidades mais populares
  É cidade destaque?*
    Sim -> Cidade pré renderizada
    Não -> Cidade renderizada no client
  # SEO super sólido. Usamos o getStaticProps + getStaticPaths
  Cidade pré renderizada
  # SEO OK, mesmo template da pré-renderizada
  # mas performance piorada e indexação desativada
  # no Bing e outros mecanismos de busca que não rodam JS
  Cidade renderizada no client
    carregando cidade*
      carregado -> página de Cidade client-side
    página de Cidade client-side

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}