ðē 15 āļŠāļīāđāļāļāļĩāđāļāļļāļāđāļĄāđāļĢāļđāđāļ§āđāļēāļŠāļēāļĄāļēāļĢāļāļāļģāđāļāđāļāđāļ§āļĒ GraphQL āđāļ WordPress
āļāļąāļāđāļāđāļĢāļąāļāđāļāļīāļāđāļŦāđāļāļģāđāļŠāļāļ Gato GraphQL āđāļ WordCamp Malaysia 2023 āđāļĄāļ·āđāļāđāļāļ·āļāļāļāļąāļāļĒāļēāļĒāļāļāļĩāđāļāđāļēāļāļĄāļē āđāļĨāļ°āļ§āļīāļāļĩāđāļāļāļāļāļāļēāļĢāļāļĢāļĢāļĒāļēāļĒāļāļąāđāļāđāļāļĒāđāļāļĢāđāđāļĨāđāļ§:
15 things (you didn't know) you can do with GraphQL in WordPressāļāļĩāđāļāļ·āļāļ§āļīāļāļĩāđāļ:
āđāļāļĄāđāļŠāđāļāļĄāļāđ:
[00:00] āļāļāļāļģ
[00:49] āļŠāļīāđāļāļāļĩāđāđāļĢāļēāļĄāļąāļāļĢāļđāđāđāļāļĩāđāļĒāļ§āļāļąāļāļāļēāļĢāđāļāđ GraphQL āđāļ WordPress
[02:43] āļāļēāļĢāļŠāļģāļĢāļ§āļ Gato GraphQL āđāļ wp-admin:
- [02:53] Private GraphiQL client
- [04:00] Private Interactive schema client
- [04:36] Public GraphiQL client
- [05:39] Public Interactive schema client
- [06:19] Custom endpoints
- [06:52] Persisted queries
[08:14] 15 āļŠāļīāđāļāļāļĩāđāļŠāļēāļĄāļēāļĢāļāļāļģāđāļāđāļāđāļ§āļĒ Gato GraphQL āđāļ WordPress:
- [08:51] āđāļāļ°āļāļģāļŠāđāļ§āļ Recipes
- [09:29] (#1) āļāđāļāļŦāļēāļāđāļāļĄāļđāļĨ WP (āđāļāđāļ: āļāđāļāļŦāļēāđāļāļŠāļāđāļŦāļĢāļ·āļāļāļđāđāđāļāđāļāļēāļĄ metadata)
- [12:40] (#2) āđāļŠāļĢāļīāļĄ WP-CLI (āđāļāđāļ: āđāļĨāļ·āļāļāļāļĢāļąāļāļĒāļēāļāļĢāļāļĩāđāļāļ°āđāļāđāļāļģāļŠāļąāđāļ)
- [14:10] (#3) āļŠāđāļāļāļĩāđāļĄāļĨāļŠāđāļ§āļāļāļąāļ§
- [16:18] (#4) āļāļķāļāļāđāļāļĄāļđāļĨāļŠāļģāļŦāļĢāļąāļāļāļĨāđāļāļāļŠāļģāļŦāļĢāļąāļāļāļąāđāļ CSR āđāļĨāļ° SSR (āđāļāļĒāđāļāđāļĨāļāļāļīāļ DRY!) [āļāđāļēāļĄ demo]
- [16:40] (#5) āđāļĄāļ JavaScript components āļāļąāļāļāļĨāđāļāļ [āļāđāļēāļĄ demo]
- [16:49] (#6) āļāļģāļŠāļģāđāļāļēāđāļāļŠāļāđāļāļĨāđāļāļ
- [18:22] (#7) āļāļĢāļąāļāđāļāđāļāđāļāļ·āđāļāļŦāļēāļŠāļģāļŦāļĢāļąāļāļāļđāđāđāļāđāļāļĩāđāđāļāļāļāđāļēāļāļāļąāļ [āļāđāļēāļĄ demo]
- [18:28] (#8) āļāļĢāļąāļāđāļāļ·āđāļāļŦāļēāļāļģāļāļ§āļāļĄāļēāļ (āđāļāđāļ: āđāļāļāļāļĩāđāļŠāļāļĢāļīāļāđāļāđāļāļŠāļāđāļāļąāđāļāļŦāļĄāļ āđāļāđāļ āđāļĄāļ·āđāļāļĒāđāļēāļĒāđāļāđāļĄāļāļāļāļāđāļāļāđ)
- [20:14] (#9) āļāļģāļāļēāļāļāđāļēāļāļāļēāļĢāļāļđāđāļĨāļĢāļ°āļāļāđāļāļĒāļāļąāļāđāļāļĄāļąāļāļī (āđāļāđāļ: āđāļāļĢāļāļāļĨāđāļāļāļāļĩāđāļāļģāđāļāđāļāđāļĄāļ·āđāļāđāļĄāđāļĄāļĩ) [āļāđāļēāļĄ demo]
- [20:53] (#10) āđāļāļīāđāļĄāļāļĨāđāļāļ CTA āđāļāļāļāļģāļŦāļāļāđāļāļāļāđāļāļāđāļāļĄāđāļāļāđāļāđāļāļŠāļāđāļāļąāđāļāļŦāļĄāļ āđāļĨāļ°āļĨāļāļāļāļāļ āļēāļĒāļŦāļĨāļąāļ [āļāđāļēāļĄ demo]
- [20:56] (#11) āđāļāļĨāđāļāļŠāļāđāļāļĨāđāļāļ (āđāļāļĢāļ°āļāļąāļ block-property!)
- [23:13] (#12) āļŠāđāļāļāļēāļĢāđāļāđāļāđāļāļ·āļāļāđāļĄāļ·āđāļāļĄāļĩāđāļāļŠāļāđāđāļŦāļĄāđ āđāļĨāļ°āļŠāđāļāļŠāļĢāļļāļāļāļīāļāļāļĢāļĢāļĄāļāļĢāļ°āļāļģāļ§āļąāļāđāļāļĒāļąāļāļāļĩāđāļĄāļĨāļāļāļāļāļļāļ [āļāđāļēāļĄ demo]
- [23:17] (#13) āļĢāļ§āļĄāļāđāļāļĄāļđāļĨāļāļēāļāļāļđāđāļāļīāļāļāļēāļĄ Mailchimp āđāļĨāļ°āļāļđāđāđāļāđāđāļ§āđāļāđāļāļāđ [āļāđāļēāļĄ demo]
- [23:24] (#14) āļāļģāđāļāđāļēāđāļāļŠāļāđāļāļēāļāđāļāļāđ WordPress āļāļ·āđāļ [āļāđāļēāļĄ demo]
- [23:26] (#15) āđāļāļāļāđāļēāļĒāđāļāļ·āđāļāļŦāļēāđāļāļĒāļąāļāđāļāļāđāļāļĨāļēāļĒāļāļēāļāļŦāļĨāļēāļĒāđāļŦāđāļ (āđāļāđāļ: āļāļīāļāļāđāļāđāļāļĄāļđāļĨāļ āļēāļĒāđāļ multisite) [āļāđāļēāļĄ demo]
[23:34] āļāļāļŠāļĢāļļāļ
[23:53] Q&A:
- [23:54] "āļāļ°āđāļĢāđāļāđāļāđāļĢāļāļāļąāļāļāļēāļĨāđāļāđāļŦāđāļāļļāļāļŠāļĢāđāļēāļāļāļĨāļąāđāļāļāļīāļāļāļĩāđ? āļĄāļĩāļāļąāļāļŦāļēāļāļ°āđāļĢāļāļĩāđāļāļļāļāđāļāļāđāļāļāļēāļāļ°āļāļąāļāļāļąāļāļāļē āļāļķāļāļāļąāļāļŠāļīāļāđāļāļŠāļĢāđāļēāļāļāļĨāļąāđāļāļāļīāļāļāļĩāđ?"
- [25:13] "āļŠāļēāļĄāļēāļĢāļāļāļģāđāļāđāļāđāļ§āļĒ REST API āđāļŦāļĄ? āđāļāđāļ Gato REST API?"
- [25:52] "āļŠāđāļ§āļāļāļĩāđāđāļāđāļāļāļēāļĢāļēāļāļāļĩāđāļĄāļĩāļāļ§āļēāļĄāļŠāļąāļĄāļāļąāļāļāđ [GraphQL schema] āļāļąāđāļāđāļāļĩāđāļĒāļ§āļāļąāļāļāļ°āđāļĢ?"
- [27:58] "[āđāļāļĩāđāļĒāļ§āļāļąāļ GraphQL schema] āđāļāđāļāđāļāļāļāļąāļāđāļāļĄāļąāļāļīāļŦāļĢāļ·āļāļāđāļāļāļāļģāļāļēāļĢāđāļĄāļāļāđāļ§āļĒāļāļāđāļāļ?"
- [29:47] "āļŠāļēāļĄāļēāļĢāļāđāļāđāđāļāļ·āđāļāļāļąāļāđāļāļĨāļ·āđāļāļ AI assistant āđāļāđāđāļŦāļĄ? (āđāļāđ GraphQL āđāļāļ REST API)"
āļāļĩāđāļāļ·āļāļŠāđāļĨāļāđ:
āļāļāđāļŦāđāđāļāļĨāļīāļāđāļāļĨāļīāļ!