React 기반 Gatsby로 기술 블로그 개발하기 v2
주현도
Gatsby v5를 통해 직접 나만의 기술 블로그를 개발해보는 강의입니다.
Intermediate
Gatsby, React, 블로그
Phát triển blog công nghệ với Gatsby dựa trên React
Đây là lớp để tạo blog của riêng bạn bằng Gatsby, khung tạo trang tĩnh dựa trên React :)
Đánh giá từ những học viên đầu tiên
Dịch cái này sang tiếng Việt
Cách làm việc với khung Gatsby
Cách viết các thành phần React bằng TypeScript
Cách cải thiện SEO và khả năng truy cập web
Cách phân phối blog của bạn
Khóa học này sử dụng Gatsby v3, phiên bản mới nhất.
Vì vậy, nếu đây là lần đầu tiên bạn tham gia khóa học, hãy chú ý đến phiên bản này!
Chúng tôi hiện đang chuẩn bị một bài giảng sử dụng phiên bản mới,
Xin lưu ý rằng chúng tôi sẽ không còn quản lý cộng đồng này nữa.
Tạo blog công nghệ của riêng bạn,
Dễ dàng và thú vị với React Gatsby 🔧
Cải thiện kỹ năng phát triển
Sức mạnh của blog công nghệ.
Nếu bạn là một nhà phát triển, có lẽ bạn đã từng nghe ít nhất một lần rằng các blog kỹ thuật có thể giúp cải thiện kỹ năng phát triển của bạn .
Tôi cũng thấy nó rất hữu ích. Khi bạn sắp xếp những gì đã học, bạn có thể khám phá ra những điều mình chưa biết trước đây, và quá trình ôn lại chúng có thể giúp bạn phát triển kỹ năng .
Xung quanh sự phát triển của một blog công nghệ
Quá nhiều lo lắng!
- Làm thế nào để chọn một ngăn xếp phát triển ?
- Làm thế nào để giải quyết vấn đề tối ưu hóa công cụ tìm kiếm (SEO) ?
- Tôi nên trải qua quá trình phát triển nào?
Khởi đầu luôn là giai đoạn khó khăn nhất của bất cứ việc gì, và điều này cũng đúng với các blog công nghệ. Mặc dù nhiều nhà phát triển đã có blog công nghệ, nhưng số lượng lớn các yếu tố cần cân nhắc khiến nhiều người cảm thấy choáng ngợp và không biết bắt đầu như thế nào.
Nhưng nếu có một hướng dẫn để hướng dẫn bạn trong suốt quá trình này thì sao? Chẳng phải việc phát triển một blog công nghệ sẽ dễ dàng và thuận tiện hơn sao? Khóa học này bắt đầu bằng chính câu hỏi này.
Xu hướng hiện nay,
Tạo bằng React Gatsby
Phát triển blog dễ dàng và nhanh chóng.
Gatsby.js?
Thư viện front-end dựa trên React
Đây là một khuôn khổ tạo trang web tĩnh .
Trong bài giảng này, chúng ta sẽ phát triển một blog kỹ thuật bằng Gatsby, một nền tảng tạo trang web tĩnh dựa trên JAM Stack, đang phát triển nhanh chóng trên thị trường front-end.
Ngoài ra, bạn sẽ học cách viết ứng dụng React bằng TypeScript, một ngôn ngữ ngày càng được các nhà phát triển front-end sử dụng.
Tự làm nhé,
Blog công nghệ của riêng tôi!
Đã tạo khóa học này
Giới thiệu người chia sẻ kiến thức.
Joo Hyun-do
Tôi là một lập trình viên mới vào nghề và đang cố gắng trở thành một lập trình viên giỏi hơn.
- Tốt nghiệp trường Trung học Truyền thông Kỹ thuật số Hàn Quốc
- Hiện đang theo học tại Khoa Toán học của Đại học Thành phố Seoul
- Nhà phát triển front-end web tại công ty khởi nghiệp "Knal Development" (2019)
- Đại học Tổng hợp Seoul, giảng viên như một chú sư tử ngầu (2019)
- Nhà phát triển front-end web tại công ty khởi nghiệp "High Protocol" (2022-nay)
Chúng ta hãy học theo thứ tự nhé!
Phần 0 - Làm quen với Gatsby và thiết lập môi trường phát triển của bạn
Hãy cùng tìm hiểu về framework Gatsby và thiết lập môi trường phát triển blog.
Phần 1 - Ra mắt trang đơn giản
Hãy chạy dự án được tạo bằng Gatsby và khởi chạy trang web.
Phần 2 - Triển khai Trang chính Hiển thị Danh sách Bài viết
Hãy tạo một khung cho trang chính để hiển thị danh sách nội dung blog.
Phần 3 - Hiển thị dữ liệu thực trên trang chính
Hãy hiển thị dữ liệu được truy xuất thông qua GraphQL trên trang chính.
Phần 4 - Tạo liên kết mục bài viết để liên kết đến trang bài viết
Hãy kết nối một liên kết để khi nhấp vào nội dung hiển thị trên trang chính, bạn sẽ được chuyển đến trang đó.
Phần 5 - Triển khai Trang bài viết
Hãy tạo một trang nơi nội dung blog thực tế sẽ được hiển thị.
Phần 6 - Triển khai Trang lỗi 404
Hãy thêm trang 404, một yếu tố rất quan trọng nhưng dễ bị bỏ qua.
Phần 7 - Thực hiện hành động để cải thiện tối ưu hóa công cụ tìm kiếm và khả năng truy cập web
Hãy đảm bảo trang web của chúng ta tuân thủ các tiêu chuẩn về khả năng truy cập web để mọi người đều có thể sử dụng và thực hiện SEO để trang web xuất hiện ở đầu kết quả tìm kiếm.
Phần 8 - Triển khai trang web của bạn và đăng ký trang web của bạn với Công cụ quản trị trang web
Hãy triển khai blog mà chúng ta đã phát triển và đăng ký nó với Webmaster Tools để các công cụ tìm kiếm có thể lập chỉ mục.
Vui lòng kiểm tra trước khi tham gia lớp học!
- Bài giảng này ở dạng văn bản và không cung cấp video riêng biệt 😀
Khuyến nghị cho
những người này
Khóa học này dành cho ai?
Bất kỳ ai muốn phát triển blog bằng React
Bất kỳ ai muốn phát triển ứng dụng React bằng TypeScript
Cần biết trước khi bắt đầu?
JavaScript
CSS
Phản ứng
Chương trình giảng dạy
Tất cả
37 bài giảng
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
114 đánh giá
4.9
114 đánh giá
JIHUN YANGĐánh giá 1
∙
Đánh giá trung bình 5.0
- lgs4002
Đánh giá 13
∙
Đánh giá trung bình 4.3
- 장윤형
Đánh giá 14
∙
Đánh giá trung bình 5.0
- toa
Đánh giá 1
∙
Đánh giá trung bình 5.0
- sthgml
Đánh giá 3
∙
Đánh giá trung bình 5.0
Miễn phí
Khóa học khác của ji5485
Hãy khám phá các khóa học khác của giảng viên!
Khóa học tương tự
Khám phá các khóa học khác trong cùng lĩnh vực!
