Category Gatsby

How To Build Gatsby Theme With Theme UI?

What is Theme UI? As the official site says, Theme UI is a library to building consistent, themeable React apps based on constraint-based design principles. It allows you to style any component in your application with typographic, color, and layout values defined in a shared theme object. Theme UI includes Emotion (CSS-in-JS library) with additional […]

When Not To Use GatsbyJS?

Don’t let the title fool you – Gatsby is an awesome solution and one that really suits a lot of development projects. However, over the past few weeks, we’ve been talking about how great Gatsby is for creating new websites and apps. But…as with every framework, it does have its drawbacks, and there are times […]

The basics you should know about Gatsby API files.

GatsbyJS is a PWA (Progressive Web App) generator which is the most powerful framework which loads only the HTML, CSS, data, and JavaScript so your site loads as fast as possible. The project created on Gatsby is loaded once and can prefetches data from resources for pages while you surfing around the site for example […]

Is GatsbyJS The Best Framework For Building Static Websites? What Are The Other Alternatives?

What is Gatsby JS? GatsbyJS is an open-source React-based, GraphQL powered static site generator (SSG). In slightly more simple terms, this means that it combines the very best bits of React, Webpack, React-router, GraphQL, and other front-end tools, creating one single solution that web developers love to use. It uses precompilation features to build a […]

What is JAMstack?

We’re constantly faced with industry-specific jargon that does a darn good job at scaring pretty much anyone who’s not familiar with the world of IT. As a company, however, we’re always trying to find ways to bridge the gap between the world of development and what our clients do. This week we’re going to be […]

How To Start With GatsbyJS – part 3: Gatsby Image

This article is part 3 of “How to start with Gatsby JS” series. Step 6. Gatbsy Image One of the most important advantages of Gatsby is it works very fast. Many delays in loading pages are caused by too big and non-optimized images. Gatsby has several useful plugins that help completely optimize images and maintain […]

How To Start With GatsbyJS – part 2: Typography as Dynamic Component

This article is part 2 of “How to start with Gatsby JS” series. Step 5. Typography – Dynamic Component and Styled System Regarding typography, first I think about creating a component for each style of text and import it as needed. However, not every text style has the same HTML tag. Preparing several of the […]

What’s GatsbyJS… actually?

Gatsby is a free and open-source framework based on React that helps developers build blazing-fast websites and apps. Official definition It’s also the most loved static site generator by developers because of the latest tech stack and great documentation. Static Progressive Web Apps 🚀 STATIC = BLAZINGLY FAST 🚀 GatsbyJS is a static PWA generator. […]

How To Start With GatsbyJS – part 1: First Steps

This article is part 1 of “How to start with Gatsby JS” series. Introduction Let me show you how to use GatsbyJS with Styled Components and Storybook. Gatsby is a framework generator built with React and GraphQL. This is a static-site generator that helps you build blazingly fast websites and apps. To front-end side, I […]

Why should you go for GatsbyJS?

Mostly because of its hyper-performance, scalability, and safety. Generally, it makes the fastest website on earth and is highly development-friendly. In a way, a technological win-win. If you are a business person, it makes your website highly competitive: makes your website as fast as a blink of an eye – bounce rate from loading a […]