Πώς να φιλοξενήσετε έναν εξαιρετικά γρήγορο ιστότοπο δωρεάν στο Netlify

Jamstack οι ιστότοποι είναι εξαιρετικά γρήγοροι επειδή εξυπηρετούν στατικά αρχεία. Χρησιμοποιούν τόσο λίγους πόρους CPU και διακομιστή συνολικά που πλατφόρμες όπως το Netlify μπορούν να προσφέρουν δωρεάν και καλής ποιότητας φιλοξενία.

Το Netlify είναι ένα περιβάλλον υπολογιστικού νέφους. Αλλά σε αντίθεση με άλλες πλατφόρμες cloud όπως το AWS και το Google Cloud, το Netlify είναι απλό και εύκολο στη χρήση. Χωρίς περίπλοκα σεμινάρια και χωρίς μακροσκελείς ρυθμίσεις.

Η υπηρεσία Netlify στοχεύει να κάνει τη ζωή σας όσο το δυνατόν πιο εύκολη, συνδυάζοντας τα καλύτερα από διαφορετικούς κόσμους σε μία υπηρεσία: cloud computing, Jamstack, αποθετήρια Git και τιμολόγηση freemium.

Netlify & The Jamstack

Το Netlify είναι μέρος του κινήματος Jamstack εδώ και πολύ καιρό και είναι μια από τις πρώτες και καλύτερες πλατφόρμες που συμβάλλουν στην ανάπτυξη αυτής της σύγχρονης μεθόδου σχεδίασης ιστοσελίδων.

Το κίνημα Jamstack συνδυάζει JavaScript, API και Markup για να δημιουργήσει μια μεθοδολογία ανάπτυξης front-end που διαχωρίζεται από το back-end. Αυτό έχει ως αποτέλεσμα καλύτερη απόδοση διακομιστή, καλύτερη ασφάλεια, ευκολότερη κλιμάκωση και φθηνότερο κόστος λειτουργίας.

Το GitHub, για παράδειγμα, αρχικά προσέφερε φιλοξενία Ιστού σε αρχεία που φιλοξενούνται στην πλατφόρμα του, αλλά η υπηρεσία είχε τα όριά της. Στη συνέχεια, η Netlify πήγε τη δημιουργία κώδικα ιστότοπου από τα αποθετήρια και τη φιλοξενία των στατικών παραλλαγών του σε ένα εντελώς νέο επίπεδο. Και αυτό έχει δημιουργήσει μια εντελώς νέα βιομηχανία με πολλά οφέλη.

Λόγοι για να χρησιμοποιήσετε το Netlify

Το Netlify σημαίνει τόσα πολλά πράγματα γιατί κάνει τόσα πολλά πράγματα. Συνδυάζοντας πολλές δυνατότητες σε μια ενιαία υπηρεσία και αυτοματοποιώντας όσο το δυνατόν μεγαλύτερο μέρος της, η πλατφόρμα προσφέρει μεγάλα οφέλη για επιχειρήσεις όλων των μεγεθών.

Τα ακόλουθα είναι τα κύρια πλεονεκτήματα που μπορείτε να έχετε από το Netlify:

• Ευκολία στη χρήση – Το Netlify είναι μια από τις πιο εύχρηστες πλατφόρμες φιλοξενίας cloud εκεί έξω. Δεν χρειάζεται να διαβάζετε μεγάλα και μπερδεμένα σεμινάρια. Δεν υπάρχουν πολύπλοκα βήματα ρύθμισης που πρέπει να ακολουθήσετε ή ακόμα πιο περίπλοκες ρουτίνες συντήρησης. Το Netlify απλώς λειτουργεί.
  
  Εκτός από όλα αυτά, το σύστημα προσφέρει ελαστικές λειτουργίες υπολογιστών όπως άλλα περιβάλλοντα cloud. Αυτό εγγυάται ότι όταν έρθει η ώρα, ο ιστότοπος ή η υπηρεσία σας θα κλιμακωθεί με χάρη για να χειριστεί τις αυξήσεις της επισκεψιμότητας χωρίς τα συνηθισμένα σημεία συμφόρησης.
  
• Δίκτυο διανομής περιεχομένου – Ως μέρος της απλότητας και της ευκολίας χρήσης της, η υπηρεσία Netlify περιλαμβάνει ένα δίκτυο διανομής περιεχομένου που ονομάζεται Netlify Edge. Αναπτύσσει τις ιστοσελίδες σας σε πολλές τοποθεσίες, για να τις εξυπηρετήσει όσο το δυνατόν γρηγορότερα σε κοντινούς επισκέπτες.
  
  Το μεγάλο μέρος αυτής της υπηρεσίας είναι ότι δεν χρειάζεται να τροποποιήσετε και να διαμορφώσετε ρυθμίσεις για να έχετε τα καλύτερα αποτελέσματα. Μόλις αναπτύξετε τον ιστότοπό σας, ενημερώνετε όλα τα στοιχεία ιστού και τον κώδικα ταυτόχρονα. Όλες οι κρυφές μνήμες ακυρώνονται άμεσα και ενημερώνονται σε όλο τον κόσμο. Και μπορείτε επίσης να επαναφέρετε τον ιστότοπό σας σε προηγούμενες εκδόσεις εύκολα και ακαριαία.
  
  Το Netlify διαχειρίζεται τα περισσότερα από αυτά αυτόματα για εσάς. Η μόνη διαφορά είναι στον αριθμό των υπηρεσιών και των άκρων τοποθεσιών που λαμβάνετε, καθώς το δωρεάν πρόγραμμα έχει κάποια όρια.
  
• Δωρεάν πακέτο – Το Netlify είναι μια πλατφόρμα λογισμικού freemium ως υπηρεσία. Αλλά σε αντίθεση με άλλες πλατφόρμες υπολογιστικού νέφους, ο δωρεάν λογαριασμός είναι εντελώς δωρεάν. Δεν απαιτείται πιστωτική κάρτα.
  
  Ωστόσο, αυτό το δωρεάν πρόγραμμα περιλαμβάνει πολλά εντυπωσιακά χαρακτηριστικά. Όπως αυτοματοποιημένες εκδόσεις Git, αναπτύξεις δικτύων αιχμής, άμεση επαναφορά σε προηγούμενες εκδόσεις, ζωντανές προεπισκοπήσεις πριν από την ανάπτυξη και δωρεάν λειτουργίες χωρίς διακομιστή.
  
• Αυτοματοποιημένες κατασκευές – Παίρνετε επίσης το Netlify Build δωρεάν. Αυτό το CI/CD (Continuous Integration/Continuous Deployment) διευκολύνει τη διαχείριση των εξελίξεων και των βελτιώσεων του ιστότοπού σας. Ανανεώνεται αυτόματα από το αποθετήριο σας, κάθε φορά που προωθείτε νέες ενημερώσεις στον λογαριασμό σας στο Git.
  
  Όλα είναι πλήρως αυτοματοποιημένα και οι προεπισκοπήσεις είναι διαθέσιμες για να σας ενημερώσουν για το τι θα αναπτύξετε. Μπορείτε επίσης να διαμορφώσετε κάθε βήμα της διαδικασίας και η επαναφορά σε οποιεσδήποτε προηγούμενες εκδόσεις είναι αβίαστη.
  
• Λειτουργίες Netlify – Κάθε ιστότοπος που αναπτύσσετε στην πλατφόρμα Netlify διαθέτει πρόσβαση σε λειτουργίες χωρίς διακομιστή που μπορείτε να χρησιμοποιήσετε για πολλά πράγματα. Αυτές οι Λειτουργίες Netlify είναι διεργασίες από την πλευρά του διακομιστή που εκτελούνται σε κώδικα JavaScript.
  
  Κάθε ιστότοπος λαμβάνει 125 κλήσεις δωρεάν και χρειάζεται να πληρώσετε μόνο όταν ξεπεράσετε αυτό το όριο. Μπορείτε να χρησιμοποιήσετε τις λειτουργίες για το χειρισμό εικόνων, την αποστολή μηνυμάτων ηλεκτρονικού ταχυδρομείου, την επικύρωση των εισαγωγών χρήστη και ακόμη και τη λήψη δεδομένων από άλλα τελικά σημεία API.
  
• Αυτόματες Φόρμες – Το Netlify διευκολύνει την ενσωμάτωση φορμών στον στατικό ιστότοπό σας και την καταγραφή όλων των υποβολών χωρίς εκτενή κωδικοποίηση ή άλλα αγχωτικά ζητήματα. Απλώς προσθέστε το χαρακτηριστικό 'netlify' σε οποιαδήποτε από τις φόρμες σας όπως … και αυτό είναι.
  
  Στη συνέχεια, μπορείτε να προβάλετε όλες τις υποβολές στον πίνακα ελέγχου σας, με τις φόρμες προσεκτικά διατεταγμένες ονομαστικά. Το σύστημα διαθέτει μια δυνατότητα κατά του ανεπιθύμητου περιεχομένου και το Netlify μπορεί περαιτέρω να σας ειδοποιήσει μέσω email, Slack ή webhook μόλις υπάρξει υποβολή.
  
  Άλλες επιλογές περιλαμβάνουν την προώθηση των υποβληθέντων φορμών σε 1,000+ εφαρμογές χρησιμοποιώντας την ενσωμάτωση Zapier του Netlify.
  
• NetlifyCMS – Η εφαρμογή NetlifyCMS είναι ένας βολικός επεξεργαστής για οποιονδήποτε στατικό ιστότοπο που φιλοξενείται στην πλατφόρμα Netlify μέσω ενός παρόχου Git όπως το GitHub. Παίρνει όλα τα δεδομένα σας από το αποθετήριο και δημιουργεί μια εύχρηστη διεπαφή διαχείρισης.
  
  Το NetlifyCMS είναι μια εφαρμογή React μιας σελίδας που δημιουργήθηκε από μια κοινότητα με περισσότερους από 100 συντελεστές. Είναι φιλικό προς τον επεξεργαστή, προσφέρει μια διαισθητική ροή εργασίας, είναι εντελώς δωρεάν και κάνει τη διαχείριση των τοποθεσιών Jamstack διασκεδαστική.
  
• Δωρεάν HTTPS – Όλοι οι λογαριασμοί φιλοξενίας Netlify περιλαμβάνουν δωρεάν HTTPS. Αυτό είναι δωρεάν πιστοποιητικά SSL (Secure Socket Layer).

Λογαριασμοί & Τιμολόγηση

Το Netlify είναι μια υπηρεσία λογισμικού freemium. Υπάρχει ένα εντελώς δωρεάν πρόγραμμα εκκίνησης, ένα πρόγραμμα Pro για 19 $ ανά μέλος το μήνα, ένα επιχειρηματικό σχέδιο για 99 $ ανά μέλος ανά μήνα και ένα πρόγραμμα Enterprise με προσαρμοσμένη τιμολόγηση.

Το εντυπωσιακό με το Netlify είναι ότι μπορείτε να κάνετε πολλά με το δωρεάν πρόγραμμα εκκίνησης. Σχεδιασμένο για προσωπικά έργα, πειράματα, ιστοσελίδες χόμπι και άλλες περιπέτειες, το Starter plan περιλαμβάνει αυτοματοποιημένες εκδόσεις με 300 δωρεάν λεπτά κατασκευής το μήνα.

Περιλαμβάνει επίσης καθολικές αναπτύξεις αιχμής, άμεσες επαναφορές, το NetlifyCMS, λειτουργίες χωρίς διακομιστή, εύρος ζώνης 100 GB ανά μήνα και έως και 100 δωρεάν υποβολές φόρμας ανά ιστότοπο ανά μήνα. Επιπλέον, μπορείτε να φιλοξενήσετε απεριόριστο αριθμό τοποθεσιών στο πρόγραμμα εκκίνησης.

Το πρόγραμμα Pro προσθέτει περισσότερες δυνατότητες, όπως ιστότοπους που προστατεύονται με κωδικό πρόσβασης, λειτουργίες φόντου, περισσότερα λεπτά κατασκευής και εύρος ζώνης, καθώς και πολλά άλλα. Αυτές οι πρόσθετες λειτουργίες αυξάνονται καθώς προχωράτε προς τα υψηλότερα σχέδια.

Πώς να φιλοξενήσετε έναν ιστότοπο δωρεάν στο Netlify

Το Netlify ξεπερνά άλλες εταιρείες cloud-computing και φιλοξενίας, όπως το AWS, το Google Cloud και το Azure για απλότητα. Ναι, έχουν περισσότερη υποδομή, πιο ισχυρά μηχανήματα και κέντρα δεδομένων σε όλο τον κόσμο, αλλά η εγκατάσταση τους μπορεί να είναι βαρετή.

Ακολουθεί μια διαδικασία ρύθμισης βήμα προς βήμα που σας δείχνει πόσο εύκολο είναι να φιλοξενήσετε έναν ιστότοπο Jamstack στο Netlify.

1. Εγγραφείτε και συνδεθείτε

Το πρώτο σας βήμα είναι να πλοηγηθείτε σε app.netlify.com και εγγραφείτε αν δεν έχετε. Θα σας υποδεχθούν με πέντε διαφορετικές μεθόδους σύνδεσης, από GitHub προς την GitLab, Bitbucket, Email και SSO.

Αφού εγγραφείτε, θα χρειαστεί επίσης να συνδεθείτε στον λογαριασμό email σας για να βρείτε το μήνυμα επιβεβαίωσης από το Netlify. Κάντε κλικ σε αυτό για να επαληθεύσετε τον λογαριασμό σας και να συνδεθείτε στο σύστημα.

2. Προσθήκη νέου ιστότοπου

Η εφαρμογή διαρκεί μερικά δευτερόλεπτα για να φορτώσει. Στη συνέχεια, σας παρουσιάζεται ένα σύντομο ερωτηματολόγιο που περιλαμβάνει στοιχεία όπως το όνομα της ομάδας σας και ούτω καθεξής. Απλώς συμπληρώστε τα πάντα με ειλικρίνεια. Αλλά να θυμάστε ότι το δωρεάν πρόγραμμα περιλαμβάνει μόνο ένα μέλος - εσάς.

Μόλις περάσετε αυτό το στάδιο, τότε θα βρεθείτε στον προεπιλεγμένο πίνακα εργαλείων. Κάντε κλικ στο "Νέος ιστότοπος από το Git" για να φιλοξενήσετε έναν νέο ιστότοπο. Εναλλακτικά, μπορείτε επίσης να σύρετε και να αποθέσετε έναν φάκελο που περιέχει τα στατικά αρχεία σας στην επισημασμένη περιοχή στην παύλα και το Netlify θα κάνει τα υπόλοιπα.

3. Συνδέστε το GitHub

Το κλικ στο κουμπί από το βήμα 2 παραπάνω θα ανοίξει ένα νέο παράθυρο που σας ζητά να συνδέσετε τον νέο σας ιστότοπο με το GitHub ή οποιοδήποτε άλλο αποθετήριο Git όπως το GitLab και το Bitbucket. Σε αυτό το σημείο, βεβαιωθείτε ότι έχετε εγγεγραμμένο λογαριασμό Git και ότι τα αρχεία του ιστότοπού σας βρίσκονται ήδη σε ένα αποθετήριο.

4. Εξουσιοδοτήστε το Netlify

Τώρα θα χρειαστεί απλώς να πείτε στο GitHub να επιτρέψει στο Netlify να έχει πρόσβαση στον λογαριασμό σας στο GitHub και όλα έχουν διευθετηθεί.

5. Επιλέξτε το Αποθετήριο σας

Κάθε τυπικός ιστότοπος Netlify συνδέεται με ένα μόνο αποθετήριο. Επιλέξτε αυτό που θέλετε να χρησιμοποιήσετε και προχωρήστε.

6. Διαμορφώστε τις ρυθμίσεις δόμησης

Θα χρειαστεί να δώσετε λίγη προσοχή σε αυτή τη σελίδα. Εάν έχετε ήδη στατικές τοποθεσίες και δεν χρησιμοποιείτε προεπεξεργαστές, τότε μπορείτε να ορίσετε τον κατάλογο δημοσίευσης σε "/". Και αφήστε κενό το πεδίο εντολής δημιουργίας.

Εάν χρησιμοποιείτε μια συσκευή δημιουργίας στατικών τοποθεσιών όπως το Gatsby ή το Next, από την άλλη πλευρά, τότε αυτό που εισάγετε εδώ θα εξαρτηθεί από τη γεννήτρια. Μπορείτε να δείτε αυτήν τη λίστα κοινές διαμορφώσεις, για να ξέρετε τι να εισάγετε.

7. Δημιουργία & Ανάπτυξη

Μόλις ρυθμιστούν όλα, κάντε κλικ στο «Ανάπτυξη ιστότοπου» και το Netlify θα εκτελέσει όλες τις απαραίτητες εκδόσεις και θα δημιουργήσει τον νέο σας λαμπερό ιστότοπο. Κάνε λίγη υπομονή.

8. Ρυθμίστε το όνομα τομέα

Μετά τη δημιουργία και την ανάπτυξη του ιστότοπού σας, το Netlify θα του δώσει ένα όνομα στον τομέα *.netlify.app. Μπορείτε αργότερα να αλλάξετε αυτό το όνομα σε κάτι καλύτερο ή ακόμα και να επισυνάψετε έναν προσαρμοσμένο τομέα στον ιστότοπο.

Το Netlify σάς επιτρέπει να επισυνάψετε έναν προσαρμοσμένο τομέα που αγοράσατε από αλλού ή να αγοράσετε τον τομέα μέσω του πίνακα ελέγχου του Netlify. Και το σύστημα θα φροντίσει για όλα. Απλώς κάντε κλικ στην καρτέλα Τομείς στον πίνακα ελέγχου σας για να προσθέσετε ή να καταχωρίσετε έναν νέο τομέα για τον νέο σας ιστότοπο.

Συμπέρασμα

Φτάσαμε στο τέλος αυτού του απλού οδηγού για τη δωρεάν φιλοξενία ενός εξαιρετικά γρήγορου ιστότοπου στην πλατφόρμα Netlify. Και έχετε δει τους λόγους και τον τρόπο να το κάνετε.

Απομένει πλέον είτε να κωδικοποιήσετε τον στατικό ιστότοπό σας με το χέρι είτε να χρησιμοποιήσετε μια γεννήτρια στατικών τοποθεσιών.