greglobinskigreglobinski
61

Greglobinski_2017

screenshot of Greglobinski_2017
gatsby
react

My personal website. Built with: Gatsby, React, Redux, Styled Components, Netlify ...

Github

Overview

Greg Lobinski's website showcases a clean and modern design, expertly utilizing the powerful combination of Gatsby and React for seamless performance. The choice of technologies allows for rapid loading times and an engaging user experience. As the first production use of this tandem, it's clear that the site successfully demonstrates the versatility and capabilities of both frameworks in creating responsive and dynamic web applications.

Features

  • Built with Gatsby and React: Leverages the strengths of these frameworks for unsurpassed website performance and ease of development.
  • PostCSS and Sass Support: Integrates advanced CSS processing to enhance styles and maintain a clean codebase.
  • SEO Optimization: Utilizes gatsby-plugin-react-helmet for effective management of document head and improved search engine visibility.
  • Netlify Integration: Simplifies deployment and hosting through seamless connection with Netlify services.
  • Progressive Loading: Implements gatsby-plugin-nprogress for a smooth user experience with visual feedback during loading phases.
  • State Management with Redux: Employs React-Redux for efficient state management across the application.
  • Custom Fonts: Features Exo and Roboto fonts through typefaces, contributing to a unique and stylish typography.
  • Icon Library: Enhances visual appeal using react-icons for scalable and customizable iconography throughout the site.
gatsby
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

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

Redux

Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.