Το Frontity είναι το νέο καυτό πλαίσιο front-end για τη δημιουργία γρήγορων ιστότοπων WordPress
Το WordPress είναι το πιο δημοφιλές σύστημα διαχείρισης περιεχομένου εδώ και πολύ καιρό. Όχι μόνο τροφοδοτεί πάνω από το 30% των ιστότοπων στο Διαδίκτυο, αλλά μπορεί επίσης να υπερηφανεύεται για μια τεράστια κοινότητα συντελεστών που κρατούν το οικοσύστημα του WordPress ζωντανό και ισχυρό.
Το WordPress είναι κατά κύριο λόγο ένα λογισμικό διακομιστή που βασίζεται στην PHP. Υπάρχουν χιλιάδες προσαρμοσμένες βελτιώσεις και επεκτάσεις στο WordPress που είναι κυρίως με τη μορφή πρόσθετων που βασίζονται στην PHP. Έτσι, δεν αποτελεί έκπληξη ότι υπήρξαν πολλές προσπάθειες ενσωμάτωσης πλαισίων χωρίς PHP με το WordPress, ειδικά πλαίσια Javascript που καταλαμβάνουν γρήγορα τον χώρο του Frontend στην ανάπτυξη Ιστού.
Ένα τέτοιο πλαίσιο που ανεβαίνει πραγματικά στα γραφήματα είναι ένα πλαίσιο React.js για WordPress που ονομάζεται Frontity. Αναπτύχθηκε από μια startup με έδρα την Ισπανία. Το Development for Frontity συνεχίζεται εδώ και μερικά χρόνια. Ωστόσο, πρόσφατα έγινε είδηση όταν συγκέντρωσε γύρο 1 εκατομμυρίου ευρώ με επικεφαλής την εταιρεία πίσω από το WordPress, Αυτόματο και εταιρεία επιχειρηματικών κεφαλαίων KFund. Για να κατανοήσουμε τον λόγο πίσω από αυτό, είναι πρώτα σημαντικό να κατανοήσουμε τι είναι το πλαίσιο Frontity και ποια οφέλη αποφέρει.
Τι είναι το Frontity;
Πριν μάθουμε για το Frontity, είναι απαραίτητο να γνωρίζουμε τη βασική αρχιτεκτονική του WordPress. Όπως ίσως γνωρίζετε, το WordPress είναι ένα λογισμικό διακομιστή που βασίζεται στην PHP. Απαιτεί ένα λογισμικό διακομιστή όπως το Apache ή το Nginx για την εξυπηρέτηση των αιτημάτων και ένα λογισμικό βάσης δεδομένων όπως η MySQL για την αποθήκευση δεδομένων (Αναρτήσεις, Σελίδες, Χρήστες κ.λπ.).
Αρχιτεκτονική WordPress
Μόλις ανοίξετε, ας πούμε την κύρια σελίδα του ιστότοπου WordPress, θα καλέσει index.php αρχείο στο backend, το οποίο θα επιστρέψει τα HTML, CSS και JS για την αρχική σελίδα, η οποία στη συνέχεια θα εμφανιστεί στο πρόγραμμα περιήγησης. Έτσι, η PHP λειτουργεί ως μια κοινή διασύνδεση πύλης (CGI) για τον ιστότοπο και επομένως κάθε είδους βελτιώσεις στο frontend πρέπει να βασίζονται σε PHP.
Αρχιτεκτονική Frontity
Αφού το Frontity είναι α React-based framework, ας μιλήσουμε πρώτα λίγο για το React JS. Το React είναι ένα πλαίσιο Javascript διεπαφής που αναπτύχθηκε και δημοσιεύτηκε από το Facebook. Είναι εξαιρετικά δημοφιλές λόγω της ευχρηστίας του στη δημιουργία γρήγορων, σταθερών και ανταποκρινόμενων UI. Το React λειτουργεί ως λειτουργική μονάδα Node JS και ως εκ τούτου ένας ιστότοπος που χρησιμοποιεί το React πρέπει να βασίζεται σε διακομιστή Node JS.
Τώρα, αν θέλετε να χρησιμοποιήσετε ένα καθαρά πλαίσιο Javascript όπως το React για να βελτιώσετε το frontend, δηλαδή να δημιουργήσετε προσαρμοσμένα θέματα, είναι δυσκίνητο να το κάνετε. Ο λόγος είναι ότι ένα πλαίσιο όπως το React λειτουργεί σε συνδυασμό με το Node, το οποίο ξεκινά έναν δικό του διακομιστή. Και όπως αναφέραμε προηγουμένως, το WordPress λειτουργεί με έναν διακομιστή PHP CGI στο backend. Επομένως, δεν υπάρχει απλός τρόπος δημιουργίας προσαρμοσμένων θεμάτων και διεπαφής χρήστη χρησιμοποιώντας το React για WordPress.
Ωστόσο, υπάρχει τρόπος να ανακτήσετε δεδομένα από τη βάση δεδομένων του WordPress εξ αποστάσεως. Μπορεί να γίνει χρησιμοποιώντας το WordPress REST API, το οποίο είναι πλήρως ενσωματωμένο στον πυρήνα του WordPress από την έκδοση WP 4.7 και νεότερη. Εάν μπορούμε να ανακτήσουμε δεδομένα WordPress από απόσταση, αυτό σημαίνει ότι μπορούμε πλέον να εμφανίζουμε τα δεδομένα που έχουν ληφθεί όπως θέλουμε. Οι χρήστες χρησιμοποιούν το REST API για μεγάλο χρονικό διάστημα για να αναπτύξουν προσαρμοσμένες εφαρμογές, ιστοσελίδες για πρόσβαση σε δεδομένα WordPress απευθείας από τη βάση δεδομένων. Αυτοί οι τύποι Συστημάτων Διαχείρισης Περιεχομένου (CMS) αναφέρονται επίσης ως ακέφαλος CMS.
Το Frontity βασίζεται σε αυτό ακριβώς το concept. Συνδέεται σε μια βάση δεδομένων WordPress μέσω REST API, φροντίζει για την ανάλυση και την οργάνωση των ανακτημένων δεδομένων. Σας αφήνει ποιο θέμα θα θέλατε να χρησιμοποιήσετε για να εμφανίσετε τον ιστότοπο. Δεδομένου ότι βασίζεται στο React, οποιοδήποτε θέμα React μπορεί να χρησιμοποιηθεί για τον ιστότοπο. Μπορείτε επίσης να αναπτύξετε το προσαρμοσμένο θέμα σας εάν το επιλέξετε. Η διεπαφή του WordPress που βασίζεται στην PHP θα εξακολουθεί να χρησιμοποιείται από δημιουργούς/διαχειριστές για τη δημιουργία περιεχομένου ή την αλλαγή ρυθμίσεων. Αλλά το Frontity που βασίζεται στο frontend θα χρησιμοποιηθεί ως η κύρια σελίδα του ιστότοπου.
Έτσι, σε μια ρύθμιση Frontity θα απαιτούνται δύο διακομιστές: ο ένας είναι ο διακομιστής WordPress, ο οποίος έχει το REST API σε λειτουργία και επιστρέφει δεδομένα WordPress και ο δεύτερος είναι ο διακομιστής Node JS που εκτελεί το Frontity για να καλέσει το REST API και να εμφανίσει δεδομένα χρησιμοποιώντας το React .
Ο δρόμος μπροστά?
Με την εταιρεία πίσω από το WordPress να συγκεντρώνει 1 εκατομμύριο ευρώ και το React να προσφέρει μια πλούσια εμπειρία χρήστη στο WordPress, δεν θα είναι υπερβολή να πούμε ότι το Frontity είναι ο δρόμος προς τα εμπρός για τους σύγχρονους ιστότοπους που υποστηρίζονται από το WordPress. Η διεπαφή χρήστη του WordPress θα συνεχίσει να χρησιμοποιείται ως πίνακας εργαλείων για τη δημιουργία περιεχομένου, ενώ το τμήμα της οθόνης θα μεταφερθεί στον διακομιστή Frontity.
Μπορείτε να διαβάσετε περισσότερα για το Frontity εδώ. Εάν έχετε έναν ιστότοπο WordPress και θέλετε να δοκιμάσετε το Frontity, μπορείτε να ακολουθήσετε τα βήματα που αναφέρονται εδώ για να το κάνετε.