Pendahuluan
Bayangkan Anda sedang mengerjakan situs e-niaga. Anda ingin memastikan bahwa halaman produk Anda dapat ditemukan melalui mesin pencarian dan dimuat dengan cepat. Terlepas dari pendekatan teknologi apa yang Anda pilih, Anda ingin memastikan Anda menggunakan sesuatu yang mengikuti praktik terbaik untuk arsitektur. Kerangka kerja dan teknik yang Anda pilih harus umum digunakan sehingga Anda dapat menemukan bantuan jika membutuhkannya.
Salah satu cara untuk membuat aplikasi seperti ini adalah dengan menggunakan Static Site Generator (SSG). Dengan SSG, Anda dapat merakit situs statis dari konten dan data di tempat yang berbeda termasuk JSON, XML, file YAML, database, atau layanan pihak ketiga yang dapat diakses melalui Web. Karena itu, memproduksi halaman statis ini bisa menjadi proses yang kompleks. Oleh karena itu, menggunakan alat pembuatan situs statis untuk menghasilkan halaman statis ini menjadi kebutuhan.
Setelah Anda menghasilkan halaman statis ini, Anda perlu memikirkan cara menyebarkannya ke Web. Agar tetap kompetitif, Anda dapat menggunakan layanan yang memungkinkan penyebaran halaman Anda dengan mudah dan cepat. Semakin sedikit waktu yang Anda habiskan untuk mengonfigurasi penyebaran aplikasi, semakin banyak waktu yang dapat Anda habiskan untuk meningkatkan fiturnya.
Dalam modul ini, Anda akan menggunakan alat baris perintah Gatsby untuk membuat aplikasi web baru. Anda akan membuat halaman di aplikasi dan menambahkan konten ke halaman tersebut dengan alat kueri Gatsby. Terakhir, Anda akan menyebarkan aplikasi ke web menggunakan layanan Azure Static Web Apps.
Pada akhir modul, Anda akan dapat membuat aplikasi web dengan Gatsby dan menerbitkannya ke web.
Tujuan pembelajaran
Dalam modul ini, Anda akan:
- Menggunakan Gatsby untuk membuat aplikasi web statis
- Menambahkan data ke halaman di aplikasi dengan kueri GraphQL
- Menyebarkan aplikasi Anda ke web dengan Azure Static Web Apps