Como Exibir o Ano Atual no Rodapé (Code Override)

Manter o ano atualizado no rodapé pode parecer algo pequeno, mas demonstra atenção aos detalhes e um compromisso com a atualização constante. Felizmente, no Framer você pode usar um código override simples para exibir automaticamente o ano atual no texto de copyright do rodapé.

1) Crie um novo arquivo

No seu projeto Framer, vá para a seção de "Code Overrides" e clique em "New File" para criar um novo arquivo de código override.

2) Edite o código

Delete tudo e cole o código abaixo - não esqueça de atualizar Seu Nome/Marca com as suas informações.

import type { ComponentType } from "react"

export const withCurrentYear = (Component): ComponentType => {
    return (props) => {
        const currentYear = new Date().getFullYear()

        const updatedText = `© ${currentYear} Seu Nome/Marca`

        return <Component {...props} text={updatedText} />
    }
}

3) Aplique o override

Selecione a camada de texto > Code Overrides > selecione o arquivo > aplique o override "withCurrentYear".

• No painel de camadas, selecione a camada de texto onde você deseja exibir o ano atual.

• Vá para a aba "Code Overrides".

• Selecione o arquivo que você criou anteriormente.

• Aplique o override "withCurrentYear".

Vale mencionar que se você estiver dentro do editor de componente a visualização será estática, mostrando o que estiver inserido no campo "content" da camada de texto. No entanto, quando o site estiver publicado, ele exibirá automaticamente o ano atual.

Implementando esse código simples você garante que o seu site estará sempre atualizado sem precisar de ajustes manuais.

E aí, curtiu? Se aplicar no seu projeto me marca no Instagram pra eu ver!