Listagem de Projetos
Projetos em Andamento
As informações abaixo são todas fictícia apenas para teste e possibilidades do funcionamento do GraphQl.
| Projeto | Cliente | Última Atualização | Status | Progresso |
|---|---|---|---|---|
| Ajuste Hotsite | Secretaria da Saúde | 13/04/2025, 18:01:11 | Em Andamento | 13% |
| Portal de Notícias | Secretaria de Segurança | 13/04/2025, 17:59:07 | Em Andamento | 42% |
| Ajuste Site | Secretaria de Esportes | 28/03/2025, 10:27:58 | Concluído | 100% |
| Criação de Blog | Secretaria da Educação | 28/03/2025, 10:28:06 | Em Andamento | 20% |
| Criação de Aplicativo | Secretaria da Educação | 28/03/2025, 10:28:15 | Pausado | 0% |
| Criação de Manual do Usuário | Secretaria da Educação | 03/04/2025, 18:28:16 | Em Andamento | 88% |
| Ajuste Blog | Secretaria da Saúde | 28/03/2025, 10:28:32 | Concluído | 100% |
| Otimização Portal | Secretaria da Educação | 31/03/2025, 11:02:48 | Em Andamento | 33% |
| Melhorias SEO | Secretaria da Educação | 28/03/2025, 10:28:49 | Em Andamento | 40% |
| Criação Portal de Notícias | Secretaria da Educação | 29/03/2025, 15:34:54 | Em Andamento | 20% |
| Criação de Langing Page | Secretaria da Educação | 28/03/2025, 10:29:10 | Em Andamento | 40% |
Ajuste Hotsite
Em AndamentoCliente: Secretaria da Saúde
Última Atualização: 13/04/2025, 18:01:11
13%Portal de Notícias
Em AndamentoCliente: Secretaria de Segurança
Última Atualização: 13/04/2025, 17:59:07
42%Ajuste Site
ConcluídoCliente: Secretaria de Esportes
Última Atualização: 28/03/2025, 10:27:58
100%Criação de Blog
Em AndamentoCliente: Secretaria da Educação
Última Atualização: 28/03/2025, 10:28:06
20%Criação de Aplicativo
PausadoCliente: Secretaria da Educação
Última Atualização: 28/03/2025, 10:28:15
0%Criação de Manual do Usuário
Em AndamentoCliente: Secretaria da Educação
Última Atualização: 03/04/2025, 18:28:16
88%Ajuste Blog
ConcluídoCliente: Secretaria da Saúde
Última Atualização: 28/03/2025, 10:28:32
100%Otimização Portal
Em AndamentoCliente: Secretaria da Educação
Última Atualização: 31/03/2025, 11:02:48
33%Melhorias SEO
Em AndamentoCliente: Secretaria da Educação
Última Atualização: 28/03/2025, 10:28:49
40%Criação Portal de Notícias
Em AndamentoCliente: Secretaria da Educação
Última Atualização: 29/03/2025, 15:34:54
20%Criação de Langing Page
Em AndamentoCliente: Secretaria da Educação
Última Atualização: 28/03/2025, 10:29:10
40%
Explicação Técnica
Esta listagem de projetos é um exemplo de como integrar WordPress com uma aplicação frontend moderna usando GraphQL. Aqui está uma visão geral de como isso funciona:
- Registro de Campos Personalizados: No tema filho do WordPress, usamos o Advanced Custom Fields (ACF) para criar campos personalizados para os projetos. Estes campos incluem nome do cliente, status do projeto, e um checklist de tarefas.
- GraphQL API: Utilizamos o plugin WPGraphQL para expor esses dados personalizados através de uma API GraphQL. Isso permite consultas eficientes e tipadas dos dados do WordPress.
- Consulta Frontend: No frontend Vue.js, usamos a composable `useFetch` do Nuxt para fazer uma chamada à nossa API personalizada, que por sua vez consulta o endpoint GraphQL do WordPress.
- Caching: A API utiliza estratégias de caching para melhorar o desempenho. As respostas do WordPress são armazenadas em cache no servidor Nuxt, reduzindo a carga no WordPress e melhorando os tempos de resposta.
- Renderização: Os dados recebidos são então renderizados de forma reativa no componente Vue, com diferentes visualizações para desktop e mobile.
- Processamento de Dados: Funções como `calculateProgress` e `formatDateTime` processam os dados brutos para exibição, demonstrando como podemos manipular os dados do WordPress no frontend.
Esta abordagem combina a flexibilidade do WordPress como CMS com o poder de um frontend moderno, resultando em uma aplicação web rápida, dinâmica e fácil de manter.