Επισκόπηση
The Study Hug είναι μια full-stack εκπαιδευτική πλατφόρμα και ηλεκτρονικό κατάστημα για ελληνικό φροντιστήριο. Η εντολή ήταν ξεκάθαρη: να φτιαχτεί τα πάντα από την αρχή — δημόσιο storefront, ολοκλήρωση αγοράς με Stripe, πλήρες admin CMS για χρήση από μη τεχνικό προσωπικό, και αυτόματα email για αγορές και μηνύματα επικοινωνίας.
Παραδόθηκε σε 3 εβδομάδες. Σε λειτουργία στο thestudyhug.gr.
Τι υλοποιήθηκε
Auth & ρόλοι — NextAuth με JWT sessions και διαχείριση ρόλων (admin / user). Επαναφορά κωδικού με επαλήθευση token σε πραγματικό χρόνο. Προστατευμένες σελίδες με έλεγχο server-side στο layout.tsx.
E-commerce — Ενσωμάτωση Stripe Checkout, επιβεβαίωση παραγγελίας μέσω webhook, κωδικοί έκπτωσης, παράδοση ψηφιακών αρχείων με signed tokens. Πλήρης διαχείριση καλαθιού και παραγγελιών.
Admin CMS — Πλήρες backoffice: διαχείριση προϊόντων, παρακολούθηση παραγγελιών, επεξεργαστής περιεχομένου αρχικής σελίδας, διαχείριση χρηστών, σύστημα περιεχομένου σελίδων. Το προσωπικό μπορεί να αλλάζει κείμενα, εικόνες και προϊόντα χωρίς να ανοίξει ποτέ κώδικα.
Transactional email — Resend + React Email. Τρεις τύποι μηνυμάτων: επιβεβαίωση αγοράς, ειδοποίηση φόρμας επικοινωνίας, επαναφορά κωδικού.
Βάση δεδομένων — Prisma ORM με Neon (serverless PostgreSQL). Το schema καλύπτει χρήστες, προϊόντα, παραγγελίες, κουπόνια, περιεχόμενο αρχικής σελίδας και περιεχόμενο σελίδων.
Stack
| Επίπεδο | Τεχνολογία |
|---|---|
| Frontend | Next.js 15, TypeScript, Tailwind CSS |
| Auth | NextAuth (JWT) |
| Βάση δεδομένων | Prisma + Neon (PostgreSQL) |
| Πληρωμές | Stripe Checkout + Webhooks |
| Resend + React Email | |
| Deploy | Vercel |
Γιατί αυτές οι επιλογές
Neon αντί Supabase; Για το serverless branching — κάθε pull request παίρνει το δικό του database branch για staging. Έτσι δεν πιάνει ποτέ migration σε production χωρίς να έχουν περάσει πρώτα τα tests.
NextAuth αντί Clerk; Χρειαζόμασταν πλήρη έλεγχο της ροής σύνδεσης, τόσο για την ιεραρχία ρόλων του admin όσο και για την εισαγωγή υπαρχόντων χρηστών από υπολογιστικό φύλλο.
Όχι Sanity ή άλλο CMS; Ο πελάτης ήθελε το σύστημα αυτοτελές. Ένα ελαφρύ admin panel με Prisma στο backend καλύπτει ό,τι χρειάζεται ο συντάκτης — χωρίς εξωτερική συνδρομή.
