Κατασκευή εφαρμογών στην πράξη: το MorfoFit, από το site ως το App Store
Κατασκευή εφαρμογών στην πράξη: site, συνδρομές και app iOS/Android για πλατφόρμα pilates με video. Τι έφτιαξα, με ημερομηνίες, και τι θα άλλαζα.
Σύντομη απάντηση
Αυτή είναι μια μελέτη περίπτωσης για κατασκευή εφαρμογών και site: το MorfoFit της Έλενας Μαγουλά, πλατφόρμα pilates με συνδρομές και βιβλιοθήκη video. Από τις 30 Ιουλίου ως τις 22 Σεπτεμβρίου 2026 έστησα το site, το σύστημα πληρωμών, το διαχειριστικό και έβγαλα την εφαρμογή στα καταστήματα. Κάθε ημερομηνία παρακάτω έρχεται από τα αρχεία του έργου. Αποτελέσματα πωλήσεων δεν γράφω, γιατί είναι στοιχεία της πελάτισσας.
Με μια ματιά
| Πελάτης | MorfoFit, morfofit.gr |
| Διάρκεια | 30/07/2026 έως 22/09/2026 |
| Τι έκανα | Site, διαχειριστικό, συνδρομές με κάρτα, προστασία video, μεταφορά server, έκδοση εφαρμογής iOS και Android |
| Site | Next.js, TypeScript, δικό του διαχειριστικό |
| Backend | Node.js, Express, PostgreSQL (υπήρχε, το επέκτεινα) |
| Εφαρμογή | Flutter, iOS και Android (υπήρχε, την ολοκλήρωσα και την έβγαλα στα καταστήματα) |
| Πληρωμές | Viva Wallet στο site, Apple και Google Play στην εφαρμογή |
| Φιλοξενία | Docker σε dedicated server, το site πίσω από Cloudflare |
Το πρόβλημα
Όταν ξεκίνησα, στις 30 Ιουλίου 2026, υπήρχαν ήδη δύο κομμάτια, γραμμένα από άλλον developer: ένας backend σε Express με PostgreSQL και μια εφαρμογή σε Flutter. Η εφαρμογή δεν είχε βγει σε κανένα κατάστημα. Site για το κοινό δεν υπήρχε.
Πριν πιάσω design και πληρωμές, πέρασα από έλεγχο ό,τι υπήρχε. Βρέθηκαν κάποια προβλήματα στον παλιό κώδικα, και τα διόρθωσα πρώτα.
Κατασκευή εφαρμογών: τι έφτιαξα
Κλείδωμα περιεχομένου στον server
Ο server ελέγχει τη συνδρομή πριν δώσει προπόνηση, συνταγή ή άρθρο. Όποιος δεν έχει συνδρομή βλέπει τίτλο και εξώφυλλο, όχι το υλικό. Στις 24 Αυγούστου 2026 πέρασα και τα 56 video που υπήρχαν τότε σε κρυπτογραφημένη ροή HLS με AES-128, με σύνδεσμο που υπογράφεται σε κάθε αίτημα. Αν κάποιος ανοίξει το αρχείο κατευθείαν στον browser, ο server απαντά 403.
Site σε Next.js με βιβλιοθήκη ανά επίπεδο
Το site έχει βιβλιοθήκη προπόνησης (για αρχάριες, πιο προχωρημένες και εγκυμοσύνη), διατροφής με συνταγές και ψυχολογίας με άρθρα. Στις 21 Σεπτεμβρίου μπήκε και τέταρτη ενότητα, ένας οδηγός 24 κεφαλαίων. Οι σελίδες φορτώνουν τίτλους, κατηγορίες και τιμές από τη βάση, όχι από σκληρό κώδικα. Το site βγήκε δημόσια την 1η Σεπτεμβρίου 2026 στις 14:00.
Διαχειριστικό για να δουλεύει χωρίς εμένα
Η Έλενα ανεβάζει video, γράφει άρθρα και αλλάζει εικόνες σελίδων από το /admin. Ο επεξεργαστής κειμένου δέχεται μόνο ό,τι μπορεί να δείξει και η εφαρμογή, ώστε ένα άρθρο να φαίνεται ίδιο στο site και στο κινητό. Από τις 3 Σεπτεμβρίου το νέο υλικό δημοσιεύεται μόνο του, κάθε Τρίτη στις 08:00, εκτός αν διαλέξει άλλη ώρα.
Συνδρομές με κάρτα και δική μου μηχανή ανανεώσεων
Στο site η πληρωμή γίνεται με Viva Wallet. Οι ανανεώσεις, οι αναβαθμίσεις πλάνου και οι επιστροφές χρημάτων ενημερώνουν την πρόσβαση αυτόματα. Αν μια κάρτα αποτύχει, η συνδρομή έχει τρεις μέρες χάρη με μία προσπάθεια χρέωσης τη μέρα. Στις 14 Αυγούστου άνοιξαν οι πραγματικές πληρωμές, αφού δοκίμασα κάθε διαδρομή με αληθινά χρήματα. Έστησα και το Stripe ως δεύτερο πάροχο σε λειτουργία δοκιμών. Σήμερα χρεώνει μόνο η Viva.
Μία συνδρομή, τρία ταμεία
Μια συνδρομήτρια μπορεί να πληρώσει στο site, στο App Store ή στο Google Play. Όλες οι αγορές γράφονται σε έναν πίνακα, και ο server επαληθεύει κάθε απόδειξη της Apple και του Google Play Billing πριν ανοίξει την πρόσβαση. Όποιος πλήρωσε στο site μπαίνει και στην εφαρμογή με τον ίδιο λογαριασμό.
Μεταφορά από το Railway
Στις 30 Αυγούστου μετέφερα backend και βάση από το Railway σε dedicated server με Docker, εκεί που έτρεχε ήδη το site. Την ίδια μέρα έτρεξα όλη τη διαδρομή στην παραγωγή με αληθινή κάρτα: αγορά, αναβάθμιση, ακύρωση, επιστροφή, ξανά αγορά. Πέρασαν όλα.
Η εφαρμογή στα καταστήματα
Στις 10 Σεπτεμβρίου ανέλαβα όλη τη δουλειά της εφαρμογής, μαζί με την υποβολή στα καταστήματα. Έβαλα ειδοποιήσεις push, ελληνικά στις οθόνες και οθόνη συνδρομής με την τιμή που δίνει το κατάστημα. Η Apple ενέκρινε την εφαρμογή στις 15 Σεπτεμβρίου. Στο Google Play η εφαρμογή έγινε δημόσια στις 22 Σεπτεμβρίου.
Κάθε είδος ειδοποίησης κλείνει χωριστά, οπότε η συνδρομήτρια κρατά μόνο όσες θέλει.
Χρονολόγιο
| Ημερομηνία | Τι έγινε |
|---|---|
| 30/07/2026 | Έλεγχος κώδικα σε backend και εφαρμογή, πρόταση |
| 31/07/2026 | Έγκριση, ξεκινάμε |
| 02/08/2026 | Πρώτες διορθώσεις στον υπάρχοντα κώδικα |
| 03/08/2026 | Πρώτες σελίδες του site με αληθινά δεδομένα από τη βάση |
| 05/08/2026 | Συνδρομή Viva από άκρη σε άκρη σε δοκιμαστικό περιβάλλον, με αυτόματη ανανέωση |
| 14/08/2026 | Πραγματικές πληρωμές ανοιχτές |
| 24/08/2026 | Κρυπτογραφημένη ροή σε όλα τα 56 video |
| 30/08/2026 | Backend και βάση εκτός Railway, πλήρης δοκιμή στην παραγωγή |
| 01/09/2026 | Το site δημόσιο, 14:00 |
| 03/09/2026 | Αυτόματη δημοσίευση νέου υλικού |
| 10/09/2026 | Ανάληψη της εφαρμογής |
| 13/09/2026 | Πρώτη ειδοποίηση push σε iPhone |
| 14/09/2026 | Αγορές Apple και Google επαληθευμένες άκρη σε άκρη |
| 15/09/2026 | Η Apple εγκρίνει την εφαρμογή |
| 17/09/2026 | Η μηχανή ανανεώσεων χρεώνει αληθινή κάρτα στην παραγωγή |
| 22/09/2026 | Η εφαρμογή δημόσια στο Google Play |
Τι δούλεψε
Το πιο χρήσιμο που έκανα ήταν να ελέγξω τον κώδικα που βρήκα πριν γράψω δικό μου. Ό,τι δεν πήγαινε καλά διορθώθηκε πριν χτίσω οτιδήποτε από πάνω.
Οι δοκιμές με αληθινά χρήματα άξιζαν κάθε ευρώ. Το δοκιμαστικό περιβάλλον της Viva δεν δείχνει τα πάντα, και η πραγματική κάρτα έπιασε προβλήματα που αλλιώς θα τα έβρισκε ο πρώτος πελάτης.
Ο ένας πίνακας για όλες τις συνδρομές ήταν η σωστή απόφαση. Όταν Apple, Google και Viva γράφουν στο ίδιο σημείο, το «έχει πρόσβαση;» έχει μία απάντηση.
Και το διαχειριστικό κάνει αυτό που έπρεπε: το υλικό ανεβαίνει και προγραμματίζεται χωρίς να με πάρει κανείς τηλέφωνο.
Τι θα έκανα διαφορετικά στην επόμενη κατασκευή εφαρμογής
Περισσότεροι έλεγχοι πριν το launch
Γύρω από το launch του site και την πρώτη υποβολή στα καταστήματα βρέθηκαν και διορθώθηκαν κάποια προβλήματα. Την επόμενη φορά θα δώσω στο site δικό του λογαριασμό από την πρώτη μέρα και θα διαβάσω τους κανόνες των καταστημάτων πριν στείλω την εφαρμογή.
Τα χαρτιά των καταστημάτων ξεκινούν μαζί με τον κώδικα
Η Apple ζητά επαλήθευση του λογαριασμού πριν διαθέσει την εφαρμογή στην ΕΕ. Αυτό το βήμα δεν έχει σχέση με κώδικα, και κράτησε περισσότερο από όλη τη δουλειά στην εφαρμογή. Είναι το κομμάτι που υποτίμησα περισσότερο. Την επόμενη φορά το ξεκινώ τη μέρα που ανοίγει ο λογαριασμός developer.
Ειδοποίηση όταν σταματά κάτι αθόρυβα
Στις 22 Σεπτεμβρίου βρήκα ότι αν σταματούσε η μηχανή ανανεώσεων, δεν θα το μαθαίναμε. Έβαλα καρδιοχτύπο που γράφει τι έκανε σε κάθε πέρασμα. Αυτό έπρεπε να υπάρχει από την πρώτη χρέωση.
Συχνές ερωτήσεις
Πόσο κράτησε η κατασκευή;
Από τον έλεγχο κώδικα στις 30 Ιουλίου 2026 ως το δημόσιο site την 1η Σεπτεμβρίου πέρασαν 33 μέρες. Η εφαρμογή βγήκε δημόσια στο Google Play στις 22 Σεπτεμβρίου.
Χρειάζεται εφαρμογή ή φτάνει ένα site;
Για να ξεκινήσεις, φτάνει το site. Στην κατασκευή εφαρμογών το κόστος δεν είναι μόνο ο κώδικας: η εφαρμογή προσθέτει ειδοποιήσεις και αγορά από το κινητό, αλλά φέρνει και τους κανόνες και τις προμήθειες της Apple και της Google. Σε αυτό το έργο το site βγήκε πρώτο και η εφαρμογή ακολούθησε.
Γιατί Viva Wallet και όχι μόνο Stripe;
Η Viva είναι ελληνική και δέχεται τις κάρτες και το Apple Pay που χρησιμοποιούν οι πελάτισσες εδώ. Το Stripe υπάρχει στον κώδικα ως δεύτερος πάροχος, κλειστό, για την περίπτωση που χρειαστεί.
Μπορεί κάποιος να μοιραστεί τα video;
Όχι εύκολα. Κάθε video παίζει με κρυπτογραφημένη ροή, και ο σύνδεσμος υπογράφεται με το token του λογαριασμού που το ζήτησε. Το αρχείο δεν ανοίγει κατευθείαν στον browser.
Πόσο κοστίζει μια τέτοια πλατφόρμα;
Εξαρτάται από το αν χρειάζεσαι εφαρμογή, πόσο υλικό έχεις και πώς θα πληρώνουν οι συνδρομητές. Στη σελίδα υπηρεσιών γράφω τι περιλαμβάνει κάθε έργο. Για κάτι σαν αυτό δίνω προσφορά μετά από μια κουβέντα.
Σύνοψη
MorfoFit, πλατφόρμα pilates με συνδρομές και βιβλιοθήκη video: site σε Next.js, πληρωμές Viva Wallet, Apple και Google Play, και εφαρμογή Flutter για iOS και Android, από τον Παναγιώτη Καραμπέτσο. Το site βγήκε δημόσια την 1η Σεπτεμβρίου 2026 και η εφαρμογή στο Google Play στις 22 Σεπτεμβρίου 2026.
Αν σκέφτεσαι κάτι παρόμοιο για το δικό σου υλικό, γράψε μου τι έχεις σήμερα. Όλες τις υπηρεσίες τις βρίσκεις στη σελίδα υπηρεσιών, και άλλα έργα μου στο portfolio.