강의

멘토링

로드맵

Inflearn brand logo image
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á

59 học viên

  • ji5485
텍스트 강의
블로그
Gatsby
React
Blog
TypeScript

Đá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 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 đã đến thăm,

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



Tôi rất biết ơn vì nhiều bạn đã để lại những đánh giá tích cực cho khóa học trước đây của tôi , "Phát triển blog kỹ thuật 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 khó tiến bộ và cảm thấy nội dung còn thiếu sót vì chỉ có chức năng hiển thị văn bản.

Suy ngẫm về những điểm này, bài giảng này sẽ trở lại với phiên bản mới nhất được bổ sung thêm nhiều thông tin hơn.

Chúng tôi đã chuẩn bị một bài giảng hoàn chỉnh hơn bằng cách phản ánh những ý kiến quý báu của bạn, vì vậy hãy cho chúng tôi biết sự quan tâm của bạn.

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ị trang bài đăng dễ dàng hơn .

📌 Chủ động sử dụng Gatsby Head API / Server Side Rendering API / Browser API .

📌 Đã thêm nhiều thành phần khác nhau như bố cục Masonry/mục lục, v.v.

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

💡 Lợi thế 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 vẫn được duy trì.

  • Chúng tôi đã bổ sung nhiều tính năng khác nhau để giúp bạn quản lý blog dễ dàng hơn sau khi triển khai.

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

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


Bạn có muốn có một blog công nghệ độc đáo của riêng mình không?

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

Điều này có thể đặc biệt khó khăn đối với những người không quen với front-end hoặc chưa trải nghiệm quy trình phát triển từ đầu đến cuối.

Đối với những cá nhân này, khóa học này 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 độc đáo của riêng mình một cách dễ dàng và thuận tiện hơn.

Đây là blog chúng ta sẽ tạo.

Trang chính (màn hình máy tính)

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

Màn hình máy tính bảng và điện thoại di động tương tự như màn hình máy tính để bàn nên không được bao gồm.

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

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 - Truy vấn dữ liệu với GraphQL
Hãy cùng xem cách chúng ta có thể lấy dữ liệu bài đăng trên blog bằng GraphQL.

Phần 2 - Phát triển cấu trú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 Bài viết
Chúng ta hãy phát triển một trang chính để hiển thị danh sách các bài đăng.

Phần 4 - 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 5 - 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 6 - Tối ưu hóa công cụ tìm kiếm
Hãy cùng thực hiện 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, cấu hình Google Analytics và đăng ký với Google Search Console
Hãy tự động hóa quy trình triển khai để những thay đổi được tự động phản ánh khi bạn sửa đổi mã nguồn hoặc bài đăng.
Hãy kết nối Analytics để quản lý blog của bạn và đăng ký blog với Webmaster Tools.

Những điều cần lưu ý trước khi tham gia khóa học


H. Tôi có thể tham gia buổi thuyết trình miễn phí được không?

Phát triển blog công nghệ với React-Based Gatsby

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 là Gatsby v3.
Vì API tương đối khó sử dụng nên mức độ khó có thể cao hơn dự kiến và có thể xảy ra nhiều lỗi trong quá trình này.

H. Người chơi có cần biết gì không?

TypeScript và React

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


H. Bạn không cung cấp video riêng sao?

Xin lưu ý rằng bài giảng này, giống như các bài giảng trước, đều ở dạng văn bản và không cung cấp video riêng!

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à

3,028

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á

Tất cả

5 đánh giá

5.0

5 đánh giá

  • totota님의 프로필 이미지
    totota

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    97% đã tham gia

    개츠비로 깃허브 블로그를 운영중이였는데 직접 만들고 싶었습니다!! 이강의 덕분에 많이 알아 가는것 같습니다!! 추가적으로 블로그 내 검색기능이랑 구글광고 배치에 대한 내용도 있으면 좋을것 같습니다!!

    • 거니님의 프로필 이미지
      거니

      Đánh giá 21

      Đánh giá trung bình 5.0

      5

      30% đã tham gia

      이전 강의 듣고 블로그 만들었는데, 업데이트 하기 위해 바로 수강!

      • 장기철님의 프로필 이미지
        장기철

        Đánh giá 1

        Đánh giá trung bình 5.0

        5

        24% đã tham gia

        로직박스 상단에 컴포넌트 이름을 명시해주시면 훨씬 빠른 학습이 가능할것같습니다.

        • 주현도
          Giảng viên

          안녕하세요 장기철님! 먼저 강의 수강해주셔서 감사드린다는 말씀부터 드리고 싶습니다 :) 모든 코드 영역 상단에 파일명과 위치를 명시해놨는데 혹시 이거랑은 다른 내용일까요??

      • zzz님의 프로필 이미지
        zzz

        Đánh giá 3

        Đánh giá trung bình 5.0

        5

        15% đã tham gia

        getsby를 빠르게 적용하며 배우고 싶다면 이 강의를 추천합니다!

        • hj rr님의 프로필 이미지
          hj rr

          Đánh giá 13

          Đánh giá trung bình 5.0

          Đã chỉnh sửa

          5

          100% đã tham gia

          텍스트 강의이지만 아주 명쾌한 강의입니다. 덕분에 쉽고 빠르게 개츠비를 사용하여 블로그를 만들었습니다. 다만 강의에서 스타일드컴포넌트를 다루는데, 이 라이브러리가 depreciated된 만큼 강의를 보면서 다른 스타일 도구로 변경할 수 있는 수강생의 역량과 의지가 필요합니다. (저는 vanilla-extract로 하였습니다.)

          478.307 ₫

          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!