Frontity adalah kerangka kerja front-end baru yang panas untuk membuat situs web WordPress yang cepat
WordPress telah menjadi sistem manajemen konten paling populer untuk waktu yang lama sekarang. Tidak hanya memberdayakan lebih dari 30% situs web di Internet, tetapi juga menawarkan komunitas besar kontributor yang menjaga ekosistem WordPress tetap hidup dan kuat.
WordPress pada dasarnya adalah perangkat lunak server berbasis PHP. Ada ribuan peningkatan dan ekstensi khusus untuk WordPress yang sebagian besar dalam bentuk plugin berbasis PHP. Dengan demikian, tidak mengherankan ada banyak upaya untuk mengintegrasikan kerangka kerja non PHP dengan WordPress, terutama kerangka kerja Javascript yang dengan cepat mengambil alih ruang Frontend dalam pengembangan Web.
Salah satu kerangka kerja yang benar-benar menanjak adalah kerangka kerja React.js untuk WordPress yang disebut Frontity. Ini dikembangkan oleh startup yang berbasis di Spanyol. Pembangunan untuk Frontity telah berlangsung selama beberapa tahun. Namun, baru-baru ini menjadi berita ketika mengumpulkan € 1 juta yang dipimpin oleh perusahaan di belakang WordPress, Otomatis dan perusahaan modal ventura KFund. Untuk memahami alasan di balik ini, pertama-tama penting untuk memahami apa itu kerangka Frontity, dan apa manfaatnya.
Apa itu Frontitas?
Sebelum kita belajar tentang Frontity, penting untuk mengetahui arsitektur dasar WordPress. Seperti yang Anda ketahui, WordPress adalah perangkat lunak server berbasis PHP. Ini membutuhkan perangkat lunak server seperti Apache atau Nginx untuk melayani permintaan, dan perangkat lunak database seperti MySQL untuk penyimpanan data (Postingan, Halaman, Pengguna, dll.).
Arsitektur WordPress
Setelah Anda membuka, katakan halaman utama situs WordPress, itu akan memanggil index.php file di backend, yang akan mengembalikan HTML, CSS dan JS untuk halaman beranda yang kemudian akan ditampilkan di browser. Dengan demikian, PHP bertindak sebagai Common Gateway Interface (CGI) untuk situs web dan oleh karena itu segala jenis peningkatan pada frontend harus berbasis PHP.
Arsitektur Perbatasan
Karena Frontity adalah React-based, mari kita bicara sedikit tentang React JS terlebih dahulu. React adalah framework Javascript front end yang dikembangkan dan diterbitkan oleh Facebook. Ini sangat populer karena kemudahannya dalam membuat UI yang cepat, stabil, dan responsif. React berfungsi sebagai modul Node JS dan karenanya situs web yang menggunakan React harus didasarkan pada server Node JS.
Sekarang, jika Anda ingin menggunakan kerangka kerja Javascript murni seperti React untuk meningkatkan frontend, yaitu membuat tema khusus, akan sulit untuk melakukannya. Alasannya karena kerangka kerja seperti React bekerja bersama dengan Node, yang memulai servernya sendiri. Dan seperti yang kami sebutkan sebelumnya, WordPress bekerja dengan server PHP CGI di backend. Dengan demikian, tidak ada cara langsung untuk membangun tema dan UI khusus menggunakan React for WordPress.
Namun, ada cara untuk mengambil data dari database WordPress dari jarak jauh. Itu dapat dilakukan dengan menggunakan REST API WordPress, yang terintegrasi penuh dalam inti WordPress sejak WP versi 4.7 dan di atasnya. Jika kita dapat mengambil data WordPress dari jarak jauh, itu berarti kita sekarang dapat menampilkan data yang diambil seperti yang kita inginkan. Pengguna telah lama menggunakan REST API untuk mengembangkan aplikasi khusus, halaman web untuk mengakses data WordPress langsung dari database. Jenis Sistem Manajemen Konten (CMS) ini juga disebut sebagai tanpa kepala CMS.
Frontitas didasarkan pada konsep ini. Terhubung ke database WordPress melalui REST API, menangani penguraian dan pengorganisasian data yang diambil. Terserah Anda tema mana yang ingin Anda gunakan untuk menampilkan situs web. Karena didasarkan pada React, tema React apa pun dapat digunakan untuk situs web. Anda juga dapat mengembangkan tema khusus jika Anda mau. Ujung depan WordPress berbasis PHP akan tetap digunakan oleh pembuat/admin untuk membuat konten atau mengubah pengaturan. Tapi front end berbasis Frontity akan digunakan sebagai halaman utama website.
Jadi, dalam pengaturan Frontity akan ada dua server yang diperlukan: satu adalah server WordPress, yang memiliki REST API dan menjalankan dan mengembalikan data WordPress, dan kedua adalah server Node JS yang menjalankan Frontity untuk memanggil REST API dan menampilkan data menggunakan React .
Jalan lurus?
Dengan perusahaan di belakang WordPress yang mengumpulkan 1 Juta Euro dan React menghadirkan pengalaman pengguna yang kaya ke WordPress, tidak berlebihan untuk mengatakan bahwa Frontity adalah jalan ke depan untuk situs web modern yang didukung WordPress. UI WordPress akan terus digunakan sebagai dashboard untuk membuat konten sementara bagian tampilan akan digeser ke server Frontity.
Anda dapat membaca lebih lanjut tentang Frontity di sini. Jika Anda memiliki situs WordPress dan ingin mencoba Frontity, Anda dapat mengikuti langkah-langkah yang disebutkan di sini untuk melakukannya.