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

Τι είναι το Vercel;

Το Vercel είναι μια πλατφόρμα που κάνει το deploy του κώδικά σου αυτόματα — συνδέεις το GitHub repo σου και κάθε φορά που κάνεις push, το site ανανεώνεται. Δωρεάν για personal projects.

Φτιαγμένο από την ίδια εταιρεία που έφτιαξε το Next.js, οπότε λειτουργεί εξαιρετικά με React και Next.js — αλλά υποστηρίζει σχεδόν τα πάντα.

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

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

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

1. Σύνδεσε GitHub: Στο Vercel, πας "Add New Project" και επιλέγεις το repo σου από GitHub.

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

3. Deploy: Πατάς "Deploy" και σε 1-2 λεπτά έχεις live URL.

4. Κάθε push = νέο deploy: Από εδώ και πέρα, κάθε φορά που κάνεις git push, το Vercel κάνει αυτόματα νέο deploy.

Environment Variables

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

Preview Deployments

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

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

• Unlimited projects για personal use
• 100GB bandwidth / μήνα
• Serverless Functions με limits
• Για εμπορικά projects χρειάζεσαι πληρωμένο πλάνο

Takeaway

• Vercel = το πιο εύκολο deploy για frontend projects
• Συνδέεις GitHub repo και κάθε push γίνεται αυτόματα deploy
• Δωρεάν για personal projects, με γενναιόδωρα limits
• Environment variables μπαίνουν στο dashboard, ποτέ στον κώδικα