Creating an Agency Site in GatsbyJS-1

Photo by Kevin Ku on Unsplash

I have done quite a bit freelance wordpress development around 9 years back(2011). Three things which i didn’t liked at that time with Wordpress. First was little coding, as i was creating these sites in Wordpress with themes. Second, the sites were really slow and third, a lot of these sites were hacked and client used to come back.

I had came a long way since then and now i work as JS developer (React/Angular). I keep this awesome static site generator, GatsbyJS and decided to dive into it. I need to create a new blog site and some other personal sites. These sites are mostly static and Gatsby is a great way to use my React Skills and seems to also solve the problems which i had with Wordpress.

Will first try it to build a simple demo Agency site(Known as Service company in India). Right now i had gone through only the official docs at and it is awesome. Although i can use, one of the many starter kits available at Gatsby site to get a head-start. But decided to writer my own CSS, to brush up my CSS skills.

Let’s start with Gatsby. I will be following along with the tutorial to create the site. Install gatsby globally by npm install -g gatsby-cli

Next to create a new gatsby site give the following command in the terminal. It uses the most basic gatsby starter kit.

gatsby new agencyDemo

Rest of the chapter is exclusive content and will be in my upcoming book Gatsby Cookbook. You can find more details about it here.

You can find part-2 here.




Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to export all __attribute__((constructor)) functions based on Mach-0

Creating Employee Hierarchy Data Model using D3 (Part-3)

Restaurant App using NextJS

Some JavaScript/React Handy Helper Methods

Recording a List of Seeds as Migrations do on Sequelize

An Introduction to Queues and Stacks in JavaScript

Hooks Are Not A Replacement For Flux

Decode JWT Token with Angular or reactjs

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Nabendu Biswas

Nabendu Biswas

Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

More from Medium

NextAuth Part 12 —Deploy to Vercel (Email Authentication)

Let’s Create a Pagination Data Table with React and an External API

How to install Typescript with CRA (CREATE REACT APP) Beginner Guide.

React Admin Dashboard with Styled Components