2 min read

Gridsome Static Generator yang Awesome

Iman Sugirman

Bayi generator situs statis baru lahir. Ini sangat terinspirasi oleh Gatsby.js (berbasis React) tetapi dibangun di atas Vue.js. Kami telah mengusahakannya selama satu tahun dan beta akan segera siap. Anda dapat mengharapkan bayi ini tumbuh dengan cepat!

Ada begitu banyak Generator Situs Statis. Kenapa yang lain? Kami pikir Gridsome adalah bagian yang hilang dari ekosistem Vue.js. Apa yang dilakukan Gatsby.js untuk React.js adalah pengubah permainan dalam cara kami membangun situs web. React.js sangat baik, tetapi kami pikir Vue.js lebih mudah didekati oleh sebagian besar perancang web dan pengembang yang memulai dengan JAMstack. Gridsome adalah alternatif Vue.js untuk Gatsby.

Dengan Gridsome Anda mendapatkan lapisan GraphQL universal untuk semua sumber data yang terhubung. Ini seperti satu sumber kebenaran untuk data situs web Anda yang siap digunakan di halaman atau komponen apa pun. Sambungkan ke CMS atau API apa pun seperti Google Spreadsheet, Airtable, Feed Instagram, file penurunan harga lokal, dll.

Anda tidak perlu tahu GraphQL atau Vue untuk memulai dengan Gridsome - Ini cara yang bagus untuk diperkenalkan ke keduanya.

Lapisan GraphQL dan semua data dapat dieksplorasi di taman bermain GraphQL lokal. Taman bermain biasanya terletak di https://localhost:8080/___explore ketika proyek pengembangan Gridsome berjalan.

Skor sempurna di Google Lighthouse - secara otomatis 💚 Salah satu tujuan utama Gridsome adalah membuat kerangka kerja yang memungkinkan Anda membangun situs web yang dioptimalkan "di luar kotak". Ini mengikuti pola PRPL oleh Google. Anda tidak perlu menjadi ahli kinerja untuk membuat situs web cepat dengan Gridsome. Situs Anda mendapatkan skor hampir sempurna di Google mercusuar out-of-the-box. Ini adalah beberapa langkah kinerja yang ditangani Gridsome:

Cara yang lebih baik untuk membangun situs web Gridsome dibangun untuk alur kerja JAMstack - cara baru untuk membangun situs web yang memberi Anda kinerja yang lebih baik, keamanan yang lebih tinggi, hosting yang lebih murah, dan pengalaman pengembang yang lebih baik. Hasilkan halaman prerendered (statis) saat membangun untuk keperluan SEO dan tambahkan fungsionalitas dinamis yang kuat dengan API dan Vue.js.

Kami percaya tren SSGs / JAMstack baru saja dimulai. Ketika Anda pertama kali mulai membuat situs web dengan cara ini, tidak ada jalan kembali. Anda merasa hampir "kotor" ketika kembali ke pengaturan WordPress / CMS tradisional.

Coba jalankan Mercusuar Chrome baru (tab Audit dalam alat Pengembang) di situs WordPress - Tidak mungkin mendapatkan skor yang bagus bahkan dengan plugin caching dan hosting terbaik. Dengan Gridsome Anda bahkan tidak perlu plugin caching. Optimasi situs web diurus saat membangun.

Inilah yang kami pikir sangat menarik dan itulah mengapa kami membangun Gridsome. Ini adalah solusi front-end SPA & PWA yang sempurna untuk CMS tanpa kepala atau API konten apa pun.