Create a Hygraph block renderer with Next.js
In this article, I will show you how you can create your own Hygraph Block renderer to give complete control over your content, create custom blocks for use with next/image etc
My Blog
This blog contains posts about things that I think may be useful, along with code snippets that I use frequently. Most of the posts are pretty technical and are relating to Next.js, React, Javascript, Typescript or data related topics such as Python, Pandas, SparkSQL and Matplotlib.
-
-
Add Fathom analytics to a Next.js website
Code for adding Fathom to Next.js website
-
Next.js Eslint configuration with vscode
Learn how to configure ESLint with vscode for usage with Next.js
-
UseSWR prefetch, pagination and search example
Code for prefetching and statically generating a page then taking over with useSWR for pagination and search on client-side
-
Graphql Server in Next.js Route
Code drop for creating a graphql server in a Next.js Application route
-
React Toast Component and Custom Hook using Tailwindcss
Toasts are basically just notifications. When you have a complex application or you need a lot of input from your users, giving them feedback on their actions is really important to their experience. Toasts are a great way to do this and here is a simple integration into a React application.