Developing a Tech Blog with React-Based Gatsby

Hello, students!

I am writing this to inform you that the lecture has been updated this time.

It has been updated to take into account deprecated libraries and coding conventions used in the example blog, and the changes are summarized below!

1. Added all Gatsby configuration files in the root directory to the .eslintignore file to avoid unnecessary errors when viewing them.

2. I removed the semicolons from all React-related files by changing semi option in the .prettierrc file to false which requires semicolons to be inserted at the end of sentences.

3. The Props type defined at the top of the React component file has been changed from being defined as Interface to being defined as Type .

4. I defined a type when querying post data via GraphQL, but since the type is used multiple times, I created src/types/PostItem.types.ts file and defined the type here.

5. The gatsby-image library has been deprecated and replaced with gatsby-plugin-image library.

Because the coding style and content have changed throughout the course, we recommend that you reread all parts except the chapters on Getting to Know Gatsby and Setting Up the Development Environment, Simply Displaying a Page, Deploying a Site, and Registering a Site in Webmaster Tools .

However, there is no major problem in following the existing lecture contents, so students can choose whichever is most convenient for them :)