lighthouse results

Super Shiny And New Gatsby Website
Published: 13-Sep-2019

So, I used to have a Wordpress website.

And I battled with security issues. Template hell - so many, so many badly written templates. All the plugins. So many crap plugins. Finding the one that worked. Finding the one that worked with the template I wanted to use. Finding the one that worked that didn't bork the other plugin I was using.

Then I found the wordpress REST API. So I built a simple wordpress template with react and axios.

Then I found out that there was a GraphQL overlay to wordpress. So I installed that on my site, and rebuilt my template with React and Apollo.

But, with both of these solutions, I couldn't get facebook and twitter sharing to work. I hunted and I searched.

And then I stumbled upon Gatsby.

And so I built a new website with Gatsby, GraphQL, netlify and netlify-cms.

Which also meant I had to migrate all of the pages and posts and images. Which I did - manually. This was because I couldn't find an automated solution. Surely one is out there?

Anyway, the good news is that I've finally released my website on netlify, and, it seems to be working really well. I am however having a problem with HTTP/2. Apparently Lighthouse doesn't want to believe that netlify is using HTTP/2, or, there's a configuration problem on my site somewhere (maybe with the offline plugin or with the netlify plugin)?

According to https://http2.pro, my site is configured for HTTP/2. But Lighthouse doesn't want to admit it.

I am pretty happy that I got this far though. I've been able to create a working, progressive website, replete with a working site index and site search, category groupings, as well as working social sharing. Social sharing was harder than it looked. Use React-Helmet they said. It will be easy they said. Kind of.

That was a mission. Now what do I do?

lighthouse results

Super Shiny And New Gatsby Website
Published: 13-Sep-2019

So, I used to have a Wordpress website.

And I battled with security issues. Template hell - so many, so many badly written templates. All the plugins. So many crap plugins. Finding the one that worked. Finding the one that worked with the template I wanted to use. Finding the one that worked that didn't bork the other plugin I was using.

Then I found the wordpress REST API. So I built a simple wordpress template with react and axios.

Then I found out that there was a GraphQL overlay to wordpress. So I installed that on my site, and rebuilt my template with React and Apollo.

But, with both of these solutions, I couldn't get facebook and twitter sharing to work. I hunted and I searched.

And then I stumbled upon Gatsby.

And so I built a new website with Gatsby, GraphQL, netlify and netlify-cms.

Which also meant I had to migrate all of the pages and posts and images. Which I did - manually. This was because I couldn't find an automated solution. Surely one is out there?

Anyway, the good news is that I've finally released my website on netlify, and, it seems to be working really well. I am however having a problem with HTTP/2. Apparently Lighthouse doesn't want to believe that netlify is using HTTP/2, or, there's a configuration problem on my site somewhere (maybe with the offline plugin or with the netlify plugin)?

According to https://http2.pro, my site is configured for HTTP/2. But Lighthouse doesn't want to admit it.

I am pretty happy that I got this far though. I've been able to create a working, progressive website, replete with a working site index and site search, category groupings, as well as working social sharing. Social sharing was harder than it looked. Use React-Helmet they said. It will be easy they said. Kind of.

That was a mission. Now what do I do?