Adam Richardson's 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 Science / Business Intelligence 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
Next.js Authentication with next-auth and Prisma
Learn how to setup a Next.js application with authentication using next-auth.
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
Next.js Data Fetching Methods Explained
All of the data fetching methods Next.js has to offer, explained. When to use different data fetching methods in Next.js.
Next.js Image Upload to Amazon S
Code drop for uploading images via a next JS API route to Amazon AWS S3
All the MDX functionality required for a Blog with JSX components
Code drop for functionality required to create a Markdown Blog with JSX components
Graphql Server in Next.js Route
Code drop for creating a graphql server in a Next.js Application route
Fetching Videos and statistics from Youtube
Code drop for fetching statistics and videos from YouTube
Fetching Youtube Channel Information and Videos using Youtube API
How to fetch YouTube channel information from the YouTube API
Next.js, Javascript and ESLint configuration
Code drop for my current ESLint, prettier configuration
Next.js, Typescript and ESLint Starter Configuration
Follow the steps laid out in this article to have a Typescript and ESLint configured starter template
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.
Tailwind css Dark Prose classes
Code drop for a Tailwind CSS dark prose class to extend Tailwind Typography