Adam Richardson

Hi, I'm Adam Richardson.

I'm a fullstack developer and course creator. I'm passionate about teaching real world coding skills to aspiring developers. I run a website design agency and use the projects that we're working on as inspiration for my courses/videos.

The website is my place for blog posts, code snippets and Youtube content.

Blog Posts

Next.js Authentication with next-auth and Prisma

Learn how to setup a Next.js application with authentication using next-auth.

Sun Sep 26 2021

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.

Thu Jul 08 2021

Fetching Youtube Channel Information and Videos using Youtube API.

Learn how to fetch Youtube channel information and all uploads with the Youtube API.

Sun Mar 21 2021

Next.js, Typescript and ESLint Starter Configuration.

Follow the steps laid out in this article to have a Typescript and ESLint configured starter template.

Sun Mar 21 2021

React Toast Component and Custom Hook using Tailwindcss.

This blog post is about creating a custom toast component that works with tailwindcss.

Sat Mar 20 2021

Youtube Videos

In this video we create a simple full stack application which will help you learn about authentication, adding and querying data from a database along with ...

Learn to build a portfolio and blogging website using Next.js for the frontend, GraphCMS, a headless CMS for the backend and styling the website with Tailwind ...

Learn to build a portfolio and blogging website using Next.js for the frontend, GraphCMS, a headless CMS for the backend and styling the website with Tailwind ...

Learn to build a portfolio and blogging website using Next.js for the frontend, GraphCMS, a headless CMS for the backend and styling the website with Tailwind ...

In this video I talk through the data fetching methods you can use within Next.js and when you should use each one. This is a really important consideration ...

Code Snippets

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.

Tue Aug 17 2021

Graphql Server in Next.js Route

Code drop for creating a graphql server in a Next.js Application route.

Tue May 04 2021

Add Fathom analtics to Next.js website

Code for adding Fathom to Next.js website

Wed Mar 24 2021

All the MDX functionality required for a Blog with JSX components.

Code drop for functionality required to create a Markdown Blog with JSX components.

Mon Mar 22 2021

Fetching Videos and statistics from Youtube.

Code drop for fetching statistics and videos from Youtube.

Mon Mar 22 2021

© 2021 Adam Richardson. All rights reserved.