Super Shiny And New Gatsby WebsitePublished: 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?