Logo

Articles found for the 'React' tag

28 articles found

How to Place AdSense Ads Before h2 Tags in Gatsby.js

A guide on how to place AdSense ads before h2 tags in Gatsby.js

Gatsby

[Gatsby.js] How to Fix 'Duplicated Mapping Key at Line' Error

A summary of how to fix the 'duplicated mapping key at line' error.

Gatsby

【Gatsby.js】How to Fix ReferenceError: __dirname is not defined in ES module scope

Summary on how to fix ReferenceError: __dirname is not defined in ES module scope.

Gatsby

【Gatsby.js】How to Fix Missing Tables After Switching to MDX

This article explains how to fix the issue where tables do not appear after switching from MD to MDX in Gatsby.js.

Gatsby

【Gatsby.js】How to Fix MDXProvider Error 'Warning: The tag <item> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.'

This article explains how to fix the MDXProvider error 'Warning: The tag <item> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.' in Gatsby.js.

Gatsby

How to Set Up Routing in react-server

A summary of how to set up routing in the react-server framework.

react-server

How to Set Up a react-server Environment Using Docker

This article summarizes how to set up a development environment for the React framework called react-server using Docker.

react-server

How to Set Up ExpoCLI Environment. 【TypeScript + ReactNative】

This article summarizes how to configure TypeScript using ExpoCLI with ReactNative.

React

When Gatsby.js + Docker Local Server Commands Are a Hassle

Setting up a more convenient workflow for Gatsby.js + Docker when local server commands become tedious.

React

Automatically Generating a Table of Contents for Gatsby.js Articles

A summary of how to automatically generate a table of contents for articles written in Markdown in Gatsby.js

Gatsby

How to Use gatsby-plugin-images

This article summarizes how to use gatsby-plugin-images, a plugin for Gatsby.js.

Gatsby

How to Use gatsby-remark-images to Compress Images in Gatsby.js Articles

An overview of how to use the Gatsby.js plugin gatsby-remark-images.

Gatsby

It Was Easy to Reduce the Weight of Images in Gatsby.js Articles by Converting Them to Avif and WebP

This is a summary of how to reduce the weight of images in Gatsby.js articles by converting them to WebP.

Gatsby

Failed to Deploy on Netlify Due to End of Support for Build Image

I documented the issue I encountered when trying to deploy my blog created with Gatsby on Netlify after a long time, only to find that the build failed due to the end of support for the build image.

Gatsby

How to Specify Brackets and Variables for Variable Properties in Javascript

This article summarizes how to specify brackets and variables for variable properties in Javascript.

React

How to Add Animation to Page Transitions in Gatsby

This article summarizes how to implement animation during page transitions in Gatsby.

Gatsby

How to Fix Gatsby.js StaticImage Not Updating

This article explains how to solve the issue when Gatsby's StaticImage doesn't update.

Gatsby

How to Display Thumbnails in Markdown Posts in Gatsby.js

A summary of how to set up thumbnails for markdown posts in Gatsby.js.

Gatsby

Fixing CORS error with GoogleAdsense on React framework Gatsby

I will write the solution to the CORS error that occurred with GoogleAdsense on React framework Gatsby.

Gatsby

It seems like priority and changefreq are not necessary for sitemaps

It seems like priority and changefreq are not necessary for sitemaps.

React

mattun
Freelance IT Engineer (Japan)

Experience & Skills
4 years of development experience
Laravel / PHP / AWS / Vue.js / React (a bit) / SEO (a bit)

Hobbies
・Playing with my daughter
・Tennis
・Fishing trips
・Watching soccer

A word from me
This blog, which I started as a personal memo, has gradually gained a considerable amount of traffic, and I’m currently rewriting old posts. If you come across any outdated or non-functional articles, please let me know through the contact form.

Feel free to reach out if you have any development work inquiries as well!
Popular
Recent
カテゴリー
Laravel(157)Vue(43)Gatsby(16)Other(16)React(10)WordPress(10)AWS(5)Gudget(4)Youtube(4)CSS(3)Docker(3)GCP(2)Node.js(2)UE4(2)react-server(2)Python(1)SEO(1)Shopify(1)基本操作(1)
お知らせ

I’ve launched a YouTube channel.

I’m uploading straightforward how-to videos.

If there seems to be demand, I plan to keep it going!

Contact
I look forward to any development projects or inquiries!