Deploy με Vercel — οδηγός για αρχάριους

Το deployment ήταν κάποτε αγγαρεία — servers, SSH, χειροκίνητα builds. Το Vercel το έκανε παιχνιδάκι: συνδέεις το GitHub repo σου μία φορά και κάθε git push ανεβάζει αυτόματα το site. Για προσωπικά projects, χωρίς κόστος.

Τι είναι το Vercel

Μια πλατφόρμα που κάνει το deploy του κώδικά σου αυτόματα. Το φτιάχνει η ίδια εταιρεία που φτιάχνει το Next.js, οπότε δουλεύει άψογα με React και Next.js — υποστηρίζει όμως σχεδόν τα πάντα.

Τι χρειάζεσαι

• το project σου ανεβασμένο σε GitHub repo
• λογαριασμό στο Vercel (δωρεάν, με σύνδεση GitHub)
• τίποτα άλλο

Πώς γίνεται το deploy

1. Σύνδεσε το GitHub. Στο Vercel πατάς «Add New Project» και διαλέγεις το repo σου.

2. Ρύθμιση build. Το Vercel αναγνωρίζει μόνο του αν πρόκειται για Next.js, React, Vue κ.λπ. και ρυθμίζει τα build settings. Στις περισσότερες περιπτώσεις δεν αγγίζεις τίποτα.

3. Deploy. Πατάς «Deploy» και σε ένα-δύο λεπτά έχεις live URL.

4. Κάθε push, νέο deploy. Από εδώ και πέρα, κάθε git push ενεργοποιεί αυτόματα νέο deploy.

Environment variables

Αν το project χρειάζεται API keys ή άλλες μυστικές τιμές, μπαίνουν στο dashboard, στο Settings → Environment Variables. Ποτέ μέσα στον κώδικα που ανεβαίνει στο GitHub.

Preview deployments

Κάθε Pull Request παίρνει αυτόματα το δικό του preview URL. Βλέπεις τις αλλαγές σου live πριν τις κάνεις merge στο main.

Όρια του δωρεάν πλάνου

• απεριόριστα projects για προσωπική χρήση
• 100 GB bandwidth τον μήνα
• Serverless Functions με όρια
• για εμπορικά projects χρειάζεσαι πληρωμένο πλάνο

Με λίγα λόγια

• Το Vercel είναι το ευκολότερο deploy για frontend projects.
• Συνδέεις το repo και κάθε push γίνεται deploy μόνο του.
• Δωρεάν για προσωπικά projects, με γενναιόδωρα όρια.
• Τα environment variables μπαίνουν στο dashboard, ποτέ στον κώδικα.