인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
Programming

/

Front-end

Phát triển blog công nghệ với Gatsby v2 dựa trên React

Khóa học này nói về việc phát triển blog công nghệ của riêng bạn bằng Gatsby v5.

(5.0) 5 đánh giá

53 học viên

Gatsby
React
Blog
TypeScript

Khóa học này dành cho Người học Trung cấp.

Dịch cái này sang tiếng Việt

  • Cách sử dụng khung Gatsby

  • Phát triển front-end bằng React

  • tối ưu hóa công cụ tìm kiếm

  • Tự động phân phối blog

  • Quản lý bài đăng trên blog bằng CMS (Hệ thống quản lý nội dung)

Như nhiều người đã ghé thăm,

Chúng tôi đã trở lại với nhiều nội dung hơn !



Rất may, nhiều sinh viên đã để lại đánh giá tốt về khóa học trước đây của tôi , “Phát triển Blog công nghệ với Gatsby dựa trên React”.

Tuy nhiên, theo thời gian, nội dung bài giảng trở nên lỗi thời, sinh viên gặp rất nhiều khó khăn trong việc hoàn thành khóa học, nội dung có cảm giác nghèo nàn vì chỉ có chức năng hiển thị văn bản.

Phản ánh những quan điểm đó, bài giảng này đã trở lại với nội dung phong phú hơn ở phiên bản mới nhất.

Chúng tôi đã chuẩn bị một bài giảng đầy đủ hơn bằng cách phản ánh những ý kiến ​​quý báu của các bạn, vì vậy rất mong các bạn quan tâm.

Có gì mới trong bài giảng này


✔️ Chúng tôi đã giới thiệu Contentful , một hệ thống quản lý nội dung giúp quản lý bài đăng dễ dàng hơn .

✔️ Sử dụng tính năng Collection Routes của Gatsby để hiển thị các trang bài đăng dễ dàng hơn .

👉 Tích cực sử dụng API Gatsby Head / API kết xuất phía máy chủ / API trình duyệt .

🎯 Chúng tôi đã thêm nhiều yếu tố khác nhau như bố cục/mục lục của khối xây .

✔️ Google Analytics đã được thêm vào để phân tích và cải thiện hiệu suất blog trong tương lai.

💡 Nó vẫn giữ được ưu điểm là có thể trực tiếp trải nghiệm toàn bộ quá trình từ phát triển, phân phối và SEO.

  • Chúng tôi đã bổ sung thêm nhiều nội dung khác nhau để giúp việc quản lý sau khi triển khai blog trở nên dễ dàng hơn.

  • Chúng tôi đã cấu trúc cơ sở mã để làm cho nó đơn giản hơn để bạn có thể dễ dàng mở rộng chức năng của blog.

Phát triển blog độc đáo của riêng bạn !


Bạn không muốn có blog công nghệ của riêng mình độc nhất trên thế giới phải không?

Tuy nhiên, khi phát triển một blog công nghệ, có rất nhiều mối quan tâm và khó khăn, bắt đầu từ việc lựa chọn nhóm phát triển, cách phát triển và phân phối cũng như cách tối ưu hóa công cụ tìm kiếm.

Những người không quen với giao diện người dùng hoặc những người chưa trải qua quá trình phát triển từ đầu đến cuối có thể cảm thấy đặc biệt khó khăn.

Đối với những người này, trong bài giảng này , chúng tôi sẽ hướng dẫn bạn một cách có hệ thống trong toàn bộ quá trình để bạn có thể phát triển blog khác biệt của riêng mình một cách dễ dàng và thuận tiện hơn.

Blog chúng tôi sẽ tạo là như thế này.

Trang chính (màn hình desktop)

Trang bài viết (màn hình máy tính để bàn)

Màn hình máy tính bảng và màn hình di động cũng giống như màn hình máy tính để bàn nên không được đưa vào.

Nội dung bài giảng như sau.

Phần 0 - Làm quen với Gatsby và định cấu hình môi trường phát triển của bạn
Hãy cùng tìm hiểu khung Gatsby là gì và định cấu hình môi trường phát triển blog.

Phần 1 - Truy vấn dữ liệu bằng GraphQL
Hãy xem cách chúng ta có thể truy xuất dữ liệu bài đăng trên blog bằng GraphQL.

Phần 2 - Phát triển tổ chức và bố cục dự án
Hãy thiết kế cấu trúc dự án và tạo bố cục chung cho tất cả các trang.

Phần 3 - Phát triển trang chính hiển thị danh sách các bài viết
Hãy phát triển một trang chính sẽ hiển thị danh sách các bài viết.

Phần 4 - Triển khai trang bài viết
Hãy định cấu hình một trang nơi hiển thị nội dung blog thực tế.

Phần 5 - Triển khai trang lỗi 404
Hãy thêm trang 404, một phần rất quan trọng nhưng dễ bị bỏ qua.

Phần 6 - Tối ưu hóa công cụ tìm kiếm
Hãy cùng làm việc về SEO (tối ưu hóa công cụ tìm kiếm) để blog của tôi xuất hiện ở đầu kết quả tìm kiếm.

Phần 7 - Tự động triển khai, Định cấu hình Google Analytics và Đăng ký Google Search Console
Hãy tự động hóa quy trình triển khai để các thay đổi được tự động phản ánh khi mã nguồn hoặc bài đăng được sửa đổi.
Hãy kết nối phân tích để quản lý blog và đăng ký blog trong Công cụ quản trị trang web.

Những lưu ý trước khi tham gia khóa học


Q. Thay vào đó tôi có thể tham gia một khóa học miễn phí không?

Phát triển blog công nghệ với Gatsby dựa trên React

Mặc dù đây là khóa học miễn phí nhưng nó sử dụng phiên bản cũ hơn của Gatsby v3.
Vì API tương đối kém thuận tiện hơn khi sử dụng nên mức độ khó có thể cao hơn dự kiến ​​và nhiều lỗi có thể xảy ra trong quá trình sử dụng.

Q. Người chơi có kiến ​​thức cần thiết không?

TypeScript và React

Nội dung HTML và CSS cơ bản


Q. Bạn không cung cấp video riêng à?

Xin lưu ý rằng bài giảng này ở dạng văn bản , giống như các bài giảng trước 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 cứ ai muốn phát triển blog công nghệ của riêng mình

  • Những người muốn trải nghiệm toàn bộ quá trình từ phát triển đến phân phối và SEO

Cần biết trước khi bắt đầu?

  • Bản đánh máy

  • Phản ứng

Xin chào
Đây là

2,990

Học viên

119

Đánh giá

94

Trả lời

4.9

Xếp hạng

2

Các khóa học

Chương trình giảng dạy

Tất cả

33 bài giảng

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!