gatsby
v5.14.0
Masa depan pengembangan web ada di sini.
Gatsby adalah kerangka kerja sumber terbuka dan gratis berdasarkan React yang membantu pengembang membangun situs web dan aplikasi dengan sangat cepat.
Ini menggabungkan kontrol dan skalabilitas situs yang dirender secara dinamis dengan kecepatan pembuatan situs statis, menciptakan kemungkinan jaringan yang benar-benar baru.
Gatsby membantu pengembang profesional secara efisien membuat situs web yang mudah dipelihara, berkinerja tinggi, dan kaya konten.
Muat Data Dari Mana Saja. Gatsby mengambil data dari sumber data apa pun, baik itu file Markdown, CMS tanpa kepala seperti Contentful atau WordPress, atau REST atau GraphQL API. Gunakan plugin sumber untuk memuat data Anda, lalu kembangkan menggunakan antarmuka GraphQL seragam Gatsby.
Melampaui Situs Web Statis. Dapatkan semua manfaat situs web statis tanpa batasan apa pun. Situs Gatsby adalah aplikasi React yang berfungsi penuh, sehingga Anda dapat membuat aplikasi web dinamis berkualitas tinggi, mulai dari blog, situs e-niaga, hingga dasbor pengguna.
Pilih Opsi Rendering Anda. Anda dapat memilih opsi rendering alternatif, yaitu Deferred Static Generation (DSG) dan Server-Side Rendering (SSR), selain Static Site Generation (SSG) — berdasarkan per halaman. Jenis kontrol granular ini memungkinkan Anda mengoptimalkan kinerja dan produktivitas tanpa mengorbankan satu sama lain.
Kinerja Dipanggang. Kuasai audit kinerja Anda secara default. Gatsby mengotomatiskan pemisahan kode, pengoptimalan gambar, penyebarisan gaya penting, pemuatan lambat, pengambilan sumber daya terlebih dahulu, dan banyak lagi untuk memastikan situs Anda cepat — tidak perlu penyesuaian manual.
Gunakan Tumpukan Modern untuk Setiap Situs. Dari mana pun datanya berasal, situs Gatsby dibuat menggunakan React dan GraphQL. Bangun alur kerja yang seragam untuk Anda dan tim Anda, terlepas dari apakah datanya berasal dari backend yang sama.
Tuan Rumah dalam Skala Besar untuk Pennies. Situs Gatsby tidak memerlukan server, jadi Anda dapat menghosting seluruh situs Anda di CDN dengan biaya yang lebih murah dibandingkan situs yang dirender di server. Banyak situs Gatsby yang dapat dihosting secara gratis di Netlify dan layanan serupa lainnya.
Gunakan Lapisan Data Terpusat Gatsby di Mana Saja. Dengan Valhalla Content Hub Gatsby Anda dapat menghadirkan lapisan data Gatsby ke proyek apa pun. Menjadikannya dapat diakses melalui API GraphQL terpadu untuk membangun situs konten, platform eCommerce, dan aplikasi asli dan web.
Pelajari cara menggunakan Gatsby untuk proyek Anda berikutnya.
Klik tautan di bawah untuk segera mencoba alur kerja pengembangan, pembuatan, dan penerapan situs web dengan Gatsby dan Netlify.
Di akhir proses ini, Anda akan mendapatkannya
sebuah situs yang bekerja di Netlify
repositori baru yang ditautkan ke situs baru tersebut
saat Anda melakukan perubahan pada repositori baru Anda, Netlify akan secara otomatis membangun kembali dan menerapkan ulang situs Anda!
Anda bisa mengaktifkan dan menjalankan situs Gatsby baru di lingkungan pengembang lokal Anda dalam 5 menit dengan empat langkah berikut:
Inisialisasi proyek baru.
npm init gatsby
Beri nama "Situs Gatsby Saya".
Mulai situs dalam mode develop .
Selanjutnya, pindah ke direktori situs baru Anda dan mulai:
cd situs-gatsby-saya/ npm jalankan pengembangan
Buka kode sumber dan mulailah mengedit!
Situs Anda sekarang berjalan di http://localhost:8000 . Buka direktori my-gatsby-site di editor kode pilihan Anda dan edit src/pages/index.js . Simpan perubahan Anda, dan browser akan diperbarui secara real time!
Pada titik ini, Anda sudah memiliki situs web Gatsby yang berfungsi penuh. Untuk informasi tambahan tentang bagaimana Anda dapat menyesuaikan situs Gatsby Anda, lihat plugin kami dan tutorial resmi.
Dokumentasi lengkap untuk Gatsby ada di situs web.
Bagi sebagian besar pengembang, kami menyarankan untuk memulai dengan tutorial mendalam kami untuk membuat situs dengan Gatsby. Ini dimulai dengan asumsi nol tentang tingkat kemampuan Anda dan menjalani setiap langkah prosesnya.
Untuk mendalami contoh kode, buka dokumentasi kami. Secara khusus, lihat bagian “ Panduan Cara Kerja ”, “ Referensi ”, dan “ Panduan Konseptual ” di sidebar.
Kami menerima saran untuk menyempurnakan dokumen kami. Lihat dokumentasi “cara berkontribusi” untuk detail selengkapnya.
Mulai Belajar Gatsby: Ikuti Tutorial · Baca Dokumen
Ingin tahu apa yang kami kirimkan baru-baru ini? Lihat catatan rilis kami untuk mengetahui sorotan utama, peningkatan kinerja, fitur baru, dan perbaikan bug penting.
Baca juga dokumentasi kami tentang dukungan versi untuk memahami rencana kami untuk setiap versi Gatsby.
Sudah punya situs Gatsby? Panduan praktis ini akan membantu Anda menambahkan peningkatan Gatsby v5 ke situs Anda tanpa memulai dari awal!
Bermigrasi dari v4 ke v5
Bermigrasi dari v3 ke v4
Bermigrasi dari v2 ke v3
Gatsby berdedikasi untuk membangun komunitas yang ramah, beragam, dan aman. Kami mengharapkan semua orang yang berpartisipasi dalam komunitas Gatsby mematuhi Kode Etik kami. Silakan membacanya. Silakan ikuti. Di komunitas Gatsby, kami bekerja keras untuk membangun satu sama lain dan menciptakan hal-hal menakjubkan bersama. ??
Baik Anda membantu kami memperbaiki bug, menyempurnakan dokumen, atau menyebarkan berita, kami ingin Anda menjadi bagian dari komunitas Gatsby!
Lihat Panduan Berkontribusi kami untuk mendapatkan ide tentang cara berkontribusi dan menyiapkan langkah-langkah untuk menyiapkan dan menjalankan repositori kami di mesin lokal Anda.
Repositori ini merupakan monorepo yang dikelola menggunakan Lerna. Artinya ada beberapa paket yang dikelola dalam basis kode ini, meskipun kami memublikasikannya ke NPM sebagai paket terpisah.
Berlisensi di bawah Lisensi MIT.
Terima kasih kepada semua kontributor kami yang membuat plugin, permulaan, video, dan postingan blog. Dan apresiasi khusus bagi anggota komunitas kami yang membantu dalam isu dan PR, atau menjawab pertanyaan di Discord dan Diskusi GitHub.
Salah satu hal yang membuat Gatsby hebat adalah Anda semua yang ada di komunitas. Kontribusi Anda memperkaya pengalaman Gatsby dan menjadikannya lebih baik setiap hari.
