Chia Sẻ Khóa Học Next JS & WordPress - Xây Dựng Các Trang NextJS Nhanh Chóng Với Next & WP [Khóa 7808 A]
Tìm hiểu Next JS & Headless WordPress & xây dựng một website bất động sản đầy đủ chức năng với NextJS v12 & WordPress.
Bạn sẽ học được gì:
- ✓ Tăng giá trị của bạn và cải thiện kiến thức của bạn với tư cách là một front-end / React JS developer.
- ✓ Tìm hiểu Next JS.
- ✓ Tạo một website tĩnh, do máy chủ biên dịch, hướng nội dung bằng Next JS (với React JS & GraphQL).
- ✓ Tìm hiểu cách sử dụng GraphQL và GraphiQL để truy vấn dữ liệu được lưu trữ trong Wordpress.
- ✓ Thiết lập Wordpress làm một backend để xây dựng nội dung, sau đó kết xuất nội dung dưới dạng các trang bằng React JS & GraphQL.
- ✓ Triển khai website tĩnh Next JS của bạn và xây dựng lại bất cứ khi nào nội dung thay đổi bằng Vercel.
- ✓ Tìm hiểu cách tạo kiểu cho các ứng dụng Next JS bằng Tailwind CSS.
- ✓ Tìm hiểu cách tạo các Gutenberg block tùy chỉnh với ACF pro.
- ✓ Sử dụng React Context & React Hooks.
- ✓ Tạo custom React hooks.
- ✓ Tạo api endpoints với Next JS.
Bạn có muốn cải thiện kỹ năng React JS và nâng cao giá trị của mình với tư cách là một front-end developer?
Nâng cấp bộ kỹ năng React của bạn bằng cách học Next.js với một Headless WordPress backend! Trang web mà chúng tôi sẽ xây dựng trong Next JS sử dụng React JS và GraphQL để generate và xây dựng các trang tĩnh từ một tập dữ liệu nhất định. Khóa học này sẽ xem xét việc thiết lập Wordpress như một headless CMS trong khi sử dụng NextJS để generate một website React được máy chủ kết xuất cực nhanh từ dữ liệu WordPress, chẳng hạn như các loại bài đăng tùy chỉnh, trang, menu, media, advanced custom fields, (và hơn thế nữa! ) bằng cách sử dụng GraphQL để truy vấn dữ liệu đó.
Đúng vậy, chúng ta thực sự có thể truy vấn dữ liệu WordPress bằng GraphQL!
Chúng tôi sẽ tạo một website đại lý bất động sản trong khóa học này, xem xét thiết lập ban đầu và development của Next JS và WordPress locally, ánh xạ Gutenberg blocks với React components, tạo các Gutenberg block tùy chỉnh của riêng chúng tôi, tạo kiểu các component này bằng Tailwind CSS và truy vấn WordPress và dữ liệu Gutenberg với GraphQL để tự động generate các trang tĩnh của chúng tôi.
Chúng ta sẽ xem xét cách chúng ta có thể truy vấn dữ liệu WordPress với GraphQL bằng cách sử dụng GraphiQL browser tool. Chúng tôi cũng sẽ tham gia một chút code WordPress, nhưng không quá nhiều - trọng tâm chính ở đây là Next JS. Khi chúng ta đã quen thuộc và cảm thấy thoải mái khi phát triển với NextJS và Wordpress, chúng tôi sẽ tiến hành thiết lập và triển khai một live website bằng Vercel để re-build các trang web tĩnh của chúng tôi mỗi khi chúng tôi cập nhật nội dung trong WordPress backend của mình, sử dụng webhooks.
Bạn nên có kiến thức sơ đẳng về React. Chúng tôi sẽ đề cập đến mọi thứ khác từ Next.js, WordPress, GraphQL và Tailwind CSS!
Tốc độ vượt qua cuộc thi!
Next.js xây dựng trang web nhanh nhất có thể. Thay vì chờ đợi để generate các trang khi được yêu cầu, chúng tôi sẽ sử dụng static generation function trong Next JS để pre-build các trang và nâng chúng lên một global cloud của server (chúng tôi sẽ sử dụng Vercel cho việc này) - sẵn sàng được phân phối ngay lập tức cho người dùng của bạn cho dù họ ở đâu.
- ✓ Không phải chờ phản hồi API.
- ✓ Không phải chờ đợi để render các component dựa trên dữ liệu được yêu cầu.
- ✓ Không loading spinner!
- ✓ Không phải đợi máy chủ biên dịch một trang để cung cấp cho trình duyệt - các trang này đã được biên dịch trước và sẵn sàng cung cấp ngay lập tức cho người dùng của bạn!
Mục lục:
- ✓ 1. Giới thiệu & Thiết lập.
- ✓ 2. Xây dựng những trang đầu tiên.
- ✓ 3. Tạo Main Menu.
- ✓ 4. Gutenberg blocks nâng cao.
- ✓ 5. Property pages.
- ✓ 6. Deploy to production.
Khóa học này dành cho ai:
- ✓ Các nhà phát triển React JS muốn tìm hiểu cách tiếp cận tốt hơn để tạo các trang web tĩnh, theo hướng nội dung với Wordpress, React JS và GraphQL, sử dụng Next JS.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU