Tech blogs

As mentioned on the home page, this website is the test bed for things I wanted to learn on the technical front.

At first it started with full server side rendering to make an informed decision about our path forward for SEO. It then became about static rendering...from there every dev's favorite topic: performance.

I've learned about Vercel hosting & its git integration, its analytics platform, and the pains of immediate production releases of bugs.

As I continue working on this site, I'll add links out to my Medium blog that highlights what I've learned about this project!

High level

This site is built on NextJS leveraging (largely) its static site generation behavior. This results in a static HTML page on initial response from the server, which can be infinitely cached per build. This is by and large the biggest win for this project as it is super efficient (build time only generation of the document).

It is hosted on Vercel and is built automatically from the github repo.

For styling, I chose Chakra UI which leverages Emotion under the hood to generate styles via Javascript.

For forms, React Hook Form is leveraged.

Blog content is rendered from Markdown using React markdown.

Direct learnings

• A tale of SEO - The story of how this site was used to explore how we can increase SEO rankings in a client side rendered site.
• NextJS Static Render & Performance - An extension of the previous article after it clicked how the static site generation could be used to substantially increase core web vitals scores...and then some!

Related articles

• Yup, you should use React Hook Form - The original research into React Hook Form. There are several subsequent articles linked from this article.