Fetch data from JSON in AMP

Fetch data from JSON for AMP Page

Setelah sebelumnya saya sudan share sedikit tengan AMP  , kali ini saya akan share yang tidal kale pentingnya dalam penggunaan AMP yaitu bagaimana cara menampilakan Dynimic data yang basa kita dapatkan dari JSON / API yang kita punya atau disediakan oleh Developer Backend kita

Ada beberapa komponen AMP yang akan kita pakai kali ini diantaranya yaitu :

1. AMP list
2. AMP mustach

Amp mustach hanya sebum template untuk menampilkan data yang disediakan ole amp list , amp from atau amp access

Amp list sebum komponen dari amp yang berfungsi untuk menampilkan data dari JSON dan menjadikannya sebum data dental amp-mustache

Lanjut , langkah pertama kita akan import file library dari kedua komponen di atas dengan cara memanggil script dibawah 

<script async custom-template="amp-mustache"src="https://cdn.ampproject.org/v0/amp-mustache-0.1.js"></script>

<script async custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js"></script>

kedua, kita akan membuat file JSON saya menggunakan file .json untuk demo sekarang : 

langkah selanjutnya , tambahkan script dengan komponen diatas , dan memanggil JSON yang sudah kita buat tadi pada bagian “src”

dan untuk menghandle jika datanya kosong bisa menambahkan {{^items}} No Item found. {{/item}}

sekian dari saya , selamat mencoba !