[Next.js] Using axios to get data with SWR

In this article, we'll show you how to use axios as a fetcher when retrieving data with Next.js SWR. axios as the second argument to useSWR() will return data that is not easy to use. However, with a little ingenuity, you can make it return simple and readable data.

Upgrade to PHP8.0 and install Laravel8 on EC2 (Amazon Linux2)

In this article, I will show you how to update PHP 7.2 to PHP 8.0 and install Laravel 8 on EC2 (Amazon Linux 2). 8.0 was installed using the Extras Library, which was very easy and straightforward. The installation of PHP 8.0 using the Extras Library was very easy and straightforward, and I would recommend the Extras Library for the next time you want to upgrade your PHP version.

Controlling Material UI v4 Form with React Hook Form v7

I'll show you how to control a Material UI v4 form with React Hook Form v7. TextField, Radio, and Select work just fine, but Checkbox requires a little trick and ingenuity.

Controlling Material UI v4’s Checkbox with React Hook Form v7

Here is a sample code to control "Correspond to initial value (default check)", "Control change of checkbox value", and "Set up Checkbox group (set up multiple checkboxes with the same name)" of Material UI v4 Checkbox with React Hook Form v7.

How to use Next.js and Material-UI’s Link together

Next.js Links and Material-UI Links cannot normally be used together, but with a little ingenuity they can be. However, with a little ingenuity, they can be used together. There are blogs that show how to use Next.js's Link and Material-UI's Button together, and this article will show you how to use Next.js's Link and Material-UI's Link together.

Use material-table in Next.js

Next.js and material table are very easy to use, so I use them a lot. However, they don't work well together, and material tables don't work straightforwardly in Next.js. In this article, I'll show you some of the problems with using material tables in Next.js, and how to fix them.

Prohibit browser back or warn when reloading or closing tabs

Here are some sample javascript and react codes that you can use when you don't want the user to browser back, reload, or close the tab.

TypeError: _this.props.onChangePage is not a function

I get an error when I click the pagination of material-table. The reason is that onChangePage of TablePagination was removed in material-ui v4.12.2 or later. This article describes the cause and the solution.

error: failed to push some refs to ‘REMOTE URL’

This error is encountered when pushing to a remote repository. If you do not resolve the error, you will not be able to push to the remote repository. In this article, we will show you how to solve the error and the cause.

3 ways to rewrite wordpress title

In Wordpress 4.4 or later, you can use filters to change the title dynamically. In this article, I will show you three ways to change the title dynamically using filters.