https://github.com/severidade/blog_sanity

Esta aplicação utiliza o CMS Sanity.io para criar um blog. Sanity.io é uma plataforma que permite gerenciar o conteúdo do site de forma flexível e escalável, usando um banco de dados JSON e um conjunto de APIs.
https://github.com/severidade/blog_sanity

api cms-backend css html5 javascript json mobile-first react-paginate react-player react-router redux sanity-io

Last synced: 3 months ago
JSON representation

Esta aplicação utiliza o CMS Sanity.io para criar um blog. Sanity.io é uma plataforma que permite gerenciar o conteúdo do site de forma flexível e escalável, usando um banco de dados JSON e um conjunto de APIs.

• Host: GitHub
• URL: https://github.com/severidade/blog_sanity
• Owner: severidade
• Created: 2023-05-03T11:20:16.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-24T02:52:26.000Z (over 1 year ago)
• Last Synced: 2025-03-16T19:54:42.478Z (3 months ago)
• Topics: api, cms-backend, css, html5, javascript, json, mobile-first, react-paginate, react-player, react-router, redux, sanity-io
• Language: JavaScript
• Homepage: http://blog.severidade.com.br/
• Size: 26.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

  

  

    

      

    

    

      

    

  

Sobre esse blog 

Este blog em React adota a abordagem headless, na qual a camada de gerenciamento de conteúdo é separada da camada de apresentação. Diferentemente dos CMS tradicionais, como o WordPress, essa separação permite que o conteúdo seja consumido por diferentes interfaces e dispositivos de forma mais flexível. Dos CMS headless disponíveis optei por usar o Sanity pela facilidade de instalação e configuração

Essa experiência de configurar e integrar o Sanity com o React foi uma valiosa oportunidade de aprendizado e prática, permitindo que eu explorasse as capacidades do CMS headless e entendesse como ele pode ser utilizado para criar aplicações web mais dinâmicas e personalizáveis.


Dependências



  
O ReactPlayer, usado na seção de vídeos, é uma biblioteca popular e poderosa para reprodução de mídia em aplicações React. Ela oferece uma maneira fácil de incorporar e controlar diferentes tipos de mídia, como vídeos e áudios, em componentes React.

  
Para a criação do Carrossel de imagens na página Home usei o Slick Carousel devido a sua facilidade de uso, configuração e API intuitiva. 

  
Para adicionar o monitoramento do Google Analytics ao blog, utilizei a biblioteca React-GA4. Essa biblioteca simplifica o processo de configuração e rastreamento de eventos e métricas no Google Analytics para aplicativos React.