print de projeto de uma página de blog

Meu site/blog

Sobre o projeto

Desenvolvi este projeto com o intuito de criar um blog para meu site, para que eu possa escrever posts e compartilhar meus estudos. O blog é desenvolvido em NextJS e os posts são escritos em um Headless CMS facilitando muito a criação do conteúdo.

A ideia principal do projeto é ter um blog que eu possa customizar da maneira que quiser e adicionar melhorias conforme vou aprendendo novas tecnologias e novas habilidades.

A principal tecnologia em que o blog é desenvolvido é NextJS, pois ele traz um dos principais requisitos para um blog, o SEO. Como quero ser encontrado pelos mecanismos de busca, desenvolver o projeto com SEO era muito importante, por isso escolhi o NextJS.

Para estilizar, escolhi o TailwindCSS por ser mais fácil de escrever os códigos já que não exige a criação de novas classes e pela possibilidade de se criar componentes, deixando o desenvolvimento mais rápido.

Para escrever os artigos, utilizei o Hygraph que é um Headless CMS. Trata-se de um sistema de gestão de conteúdo, como se fosse um Back-End, usando como forma de armazenamento o GraphQL. Com ele, consigo escrever os posts de uma forma muito mais rápida e fácil.

No versionamento de código, utilizei o Git com GitHub e o gerenciador de pacotes Yarn para instalar dependências e outros pacotes do projeto.

Para hospedar o site, utilizei a plataforma da Vercel que é criadora do NextJS, deixando o deploy mais simples.

Todo o código do projeto está nesse repositório no GitHub .

Tecnologias

  • Next JS
  • React JS
  • TailwindCSS
  • HTML 5
  • CSS 3
  • JavaScript
  • Hygraph
  • GraphQL
  • Git
  • Vercel

Figma

Também desenvolvi toda a parte visual do blog no Figma que você pode ver nesse link .