
React 기반 Gatsby로 기술 블로그 개발하기 v2
주현도
Gatsby v5를 통해 직접 나만의 기술 블로그를 개발해보는 강의입니다.
중급이상
Gatsby, React, 블로그
This is a class to create your own blog using Gatsby, a React-based static site generation framework :)
How to deal with the Gatsby framework
How to write React components with TypeScript
How to improve SEO and web accessibility
How to distribute a blog
This course uses Gatsby v3, the version at launch.
So, if you are taking the course for the first time, please pay attention to the version!
We are currently preparing a lecture using the new version,
Please note that we will no longer be managing the community.
Create your own tech blog,
Easy and fun with React Gatsby 🔧
If you're a developer, you've probably heard at least once that technical blogs can help improve your development skills .
I also find it really helpful. As you organize what you've learned, you may discover things you didn't know before, and the process of revisiting them can help you grow your skills .
The beginning is always the hardest part of anything, and this applies to tech blogs as well. While many developers already run tech blogs, the sheer number of factors to consider leaves many feeling overwhelmed and unsure of how to get started.
But what if there was a guide to guide you through this entire process? Wouldn't developing a tech blog be easier and more convenient? This course begins with this very question.
Gatsby.js?
Front-end library based on React
It is a static site generation framework .
In this lecture, we will develop a technical blog using Gatsby, a static site generation framework based on the JAM Stack, which is rapidly growing in the front-end market.
Plus, you'll learn how to write React applications using TypeScript, a language increasingly used by front-end developers.
I am a junior developer who is trying to become a better developer.
Section 0 - Getting to Know Gatsby and Setting Up Your Development Environment
Let's learn about the Gatsby framework and set up a blog development environment.
Section 1 - A simple page launch
Let's run the project created with Gatsby and launch the website.
Section 2 - Implementing a Main Page that Displays a List of Articles
Let's create a frame for the main page where the blog content list will be displayed.
Section 3 - Displaying Real Data on the Main Page
Let's display the data retrieved via GraphQL on the main page.
Section 4 - Creating a Post Item Link to Link to the Post Page
Let's connect a link so that clicking on the content displayed on the main page will take you to the page.
Section 5 - Implementing the Posts Page
Let's create a page where the actual blog content will be displayed.
Section 6 - Implementing a 404 Error Page
Let's add a 404 page, a very important but easily overlooked element.
Section 7 - Taking Action to Improve Search Engine Optimization and Web Accessibility
Let's make sure our website complies with web accessibility standards so everyone can use it, and work on SEO to make it appear at the top of search results.
Section 8 - Deploying Your Site and Registering Your Site with Webmaster Tools
Let's deploy the blog we developed and register it with Webmaster Tools so that search engines can index it.
Please check before taking the class!
Who is this course right for?
Anyone who wants to develop a blog using React
Anyone who wants to develop React apps with TypeScript
Need to know before starting?
JavaScript
CSS
React
All
37 lectures
All
114 reviews
4.9
114 reviews
Reviews 1
∙
Average Rating 5.0
Reviews 13
∙
Average Rating 4.3
Reviews 14
∙
Average Rating 5.0
Reviews 1
∙
Average Rating 5.0
Reviews 3
∙
Average Rating 5.0
Free
Check out other courses by the instructor!
Explore other courses in the same field!