My Personal Blog Gatsby
Welcome to the source code of my old personal blog. This project was created with Gatsby and GraphQL
Overview
O projeto é um blog pessoal dinâmico e responsivo, construído utilizando tecnologias modernas que proporcionam uma experiência de usuário rica e fluida. Através do Gatsby e GraphQL, o blog oferece recursos visuais atraentes, como modos claro e escuro, adaptando-se às preferências do usuário. Isso torna o ambiente de leitura confortável e versátil, seja em luz intensa ou em ambientes mais escuros.
Features
-
Light e Dark Mode: Alterne facilmente entre modos claro e escuro, proporcionando uma experiência de leitura personalizada e confortável.
-
Visualização em Grid ou Lista: Escolha entre diferentes formatos de exibição de conteúdo, permitindo que os usuários decidam como desejam navegar pelo blog.
-
Tecnologias Modernas: Utiliza uma combinação poderosa de Disqus, Gatsby, GraphQL, Algolia, Netlify, React Hooks, e Styled Components para um desempenho otimizado e uma interface elegante.
-
Integração com Netlify CMS: Permite a gestão de conteúdo fácil e intuitiva, ideal para quem deseja atualizar o blog com frequência sem complicações.
-
Styled Icons: Adiciona um toque estético ao design com ícones estilizados, melhorando a interface gráfica e a usabilidade.
-
Facilidade de Acesso à IDE do GraphQL: Acesse a interface de desenvolvimento diretamente no navegador, facilitando a interação e manipulação dos dados do blog.
Esse projeto não é apenas visualmente atraente, mas também reflete uma combinação de funcionalidades que atendem às necessidades dos usuários modernos.
- Gatsby
GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Styled Components
Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.
- NetlifyCMS
Netlify CMS is a powerful and flexible content management system that is designed to work seamlessly with the Netlify platform. Netlify CMS provides a user-friendly interface for managing content, including support for custom content types, localization, and asset management.
- Algolia
Algolia is a search engine API that enables developers to integrate lightning-fast search functionality into their websites and applications. It features extensive documentation, powerful query options, and a user-friendly dashboard for managing and monitoring search performance.
- Formspree
A website that uses Formspree for form management to enable seamless form submissions and handling. This includes features such as email notifications, custom form handling, and spam protection to ensure a smooth and secure form submission process.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.
- Prism JS
PrismJS is an open-source, lightweight, and extensible syntax highlighting library that supports a wide range of programming languages and markup formats.