Built by Adam Richardson
All Rights Reserved 2022
With the changes to Next.js 13 app directory, and mainly the fact “router.events” is no longer supported, here is how you can register analytics events
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
Code for adding Fathom to Next.js website
Learn how to configure ESLint with vscode for usage with Next.js
Learn how to setup a Next.js application with authentication using next-auth.
Code for prefetching and statically generating a page then taking over with useSWR for pagination and search on client-side
All of the data fetching methods Next.js has to offer, explained. When to use different data fetching methods in Next.js.
Code drop for uploading images via a next JS API route to Amazon AWS S3
Code drop for creating a graphql server in a Next.js Application route
Code drop for fetching statistics and videos from YouTube
How to fetch YouTube channel information from the YouTube API
Code drop for my current ESLint, prettier configuration
Follow the steps laid out in this article to have a Typescript and ESLint configured starter template
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.
Code drop for a Tailwind CSS dark prose class to extend Tailwind Typography