Baparekraf Developer Day 2020-Web Track

1. Rizqy Hidayat
Product Engineer-Dicoding Indonesia
Berkenalan dengan Arsitektur

2. Bagaimana kita membangun web/app:
Web Statis
💻 📄📄📄📄📄
●
●

3. Bagaimana kita membangun web/app:
Web Dinamis
💻 🛠⚙ 🗃🗄
●
●
○ L A M P
○ M E N
○
○

4. Bagaimana kita membangun web/app:
JAMstack
💻 📄
🛠⚙ 🔁 🗃🗄
●
●

5. JAMstack itu...
●
●
●
○
●
○

6. JAM
(J)avascript (A)PI (M)arkup
● Interaktivitas dengan
user
● Tidak ada batasan
framework/library
● Operasi backend
melalui HTTP API
dengan Javascript
● Bangun backend
sendiri, atau
manfaatkan layanan
cloud siap pakai
● Web/app disajikan
dalam bentuk HTML
(static web)
● Tulis manual atau
dengan tools
● Server tidak perlu
render HTML secara
dinamis

7. “Web statis dengan tambahan
kekuatan ⚡uper”

8. Kenapa menggunakan Jamstack?
●
○
●
○
●
○
●
○
●
○

9. Membangun Web/app dengan JAMstack
●
●
○
●
○
●
○

10. Menambahkan kekuatan super:
Mudah mengatur konten dengan Headless CMS
●
●
●
○
●
○

11. Menambahkan kekuatan super:
Menyimpan data yang dikirim user
●
○
○
○
●

12. Menambahkan kekuatan super:
Menjalankan tugas khusus dengan serverless functions
●
○
●
●
●
●
○

13. Dibangun dengan JAMstack:
sadarkawasan.org
●
●
●

14. Dibangun dengan JAMstack:
GHS Bergerak
●
●
●
●

15. Lessons learned:
Memilih peralatan yang sesuai, di waktu yang tepat
●
●
○
○
○
●
●

16. Lebih lanjut tentang JAMstack
●
●
●
●
●

17. Terima Kasih 👋