Next.js Image Upload to Amazon S3 2023
Code drop for uploading images via a Next.js API route to Amazon AWS S3 using React, Next.js and Amazon S3
Tag: javascript
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.
-
-
Create Contact forms with Next.js 13, React + Tailwindcss
Learn to build contact forms without depending on external libraries. In this post the code is contained for the Form Components
-
Next JS 13 App Directory - Server Component Search Form
In this blog post, you will learn how to do a search form using React Server components, working with Next JS 13 App Dir
-
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.
-
Track analytics events in Nextjs 13 App directory
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
-
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
-
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
-
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.