While uploading an image, sometimes it may be required to resize it on the client side and sending the resized image to the server.

NextJS Edge Runtime has made handling file uploading quite simple using the FormData interface. We can use FormData in the frontend to send upload request and also use this in server side to process uploads.

New versions of NextJS (14+) can now automatically create dynamic sitemaps that also supports revalidation. The sitemap will get updated at regular intervals as exported through revalidate variable.

The intersection() method of the Set object has made it very easy to get intersection of 2 arrays. This method is supported in all browsers now.

A custom MUI theme can be implemented in the root layout script of the NextJS app. If you are using server side rendering for layout, you will need to include MUI theming as a client side component.

Google Analytics can be integrated in a NextJS app by including the Google Analytics script in the root layout.js script and configure Google Analytics indicating a single page application.

When NextJS app has some pages meant for authenticated users and some pages for non-authenticated users, we need a conditional root layout.

There is no DynamoDB API to query multiple items by primary key in a single operation. However BatchGetItemCommand can be used to batch multiple read requests and get up to 100 items.

Write transactions are supported in DynamoDB's Node SDK via the TransactWriteItemsCommand method. Transactions can include up to 100 insert, update or delete operations. Either all of the operations will be successful or nothing will be successful.

AWS IAM policy giving all permissions only for specific S3 Buckets. The user can perform all actions but only on given buckets.

AWS IAM policy that gives all permissions only for specific DynamoDB Tables. The user can perform all actions but only on given tables.

DynamoDB does not allow a boolean attribute to be set as the primary key (partition key or sort key) of a table or an index. This can be bypassed by using a String or Number data type instead of the Boolean type.

DynamoDB has a maximum limit of 1 MB in its Query or Scan API responses. To get the full data we need to make use of the LastEvaluatedKey response attribute.

Tables can be created in DynamoDB using the CreateTableCommand() method of the AWS DynamoDB Javascript SDK.

We can check whether specific DynamoDB tables exist using the AWS Javascript SDK. The ListTablesCommand method can be used to list DynamoDB tables in a region.

Firefox 127 was released on 11th June 2024. It has added many updates, however the best part is that it has implemented multiple Set methods for comparison of two Sets.

This tutorial discusses how to deploy your Next.JS app over AWS Lightsail. Virtual servers, CDN and domains are discussed.

With the release of Safari 18 beta, backdrop-filter CSS property is finally un-prefixed across all browsers.

Experiences of upgrading usefulangle.com, site based on PHP & MySQL to a NextJS app with DynamoDB as the database and deployed on AWS cloud.

The color of radio buttons can be changed using the CSS accent-color property.