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

Η παρούσα διπλωματική εργασία επικεντρώνεται στον σχεδιασμό, την υλοποίηση και την αξιολόγηση ενός σύγχρονου ηλεκτρονικού καταστήματος βασισμένου σε headless αρχιτεκτονική, με χρήση του Strapi ως συστήματος διαχείρισης περιεχομένου και του Next.js ως Progressive Web Application (PWA) στο επίπεδο παρουσίασης. Η προτεινόμενη αρχιτεκτονική διαχωρίζει πλήρως το backend από το frontend, επιτρέποντας την παροχή δεδομένων μέσω προγραμματιστικών διεπαφών (APIs) και την ανάπτυξη ενός ευέλικτου και υψηλής απόδοσης περιβάλλοντος χρήστη. Επιπλέον, η πλατφόρμα επεκτάθηκε πειραματικά με λειτουργία προτάσεων προϊόντων, A/B testing, δοκιμαστική διασύνδεση πληρωμών μέσω Stripe, evaluation toolkit και ενδεικτική serverless/MACH αρχιτεκτονική.

Στο πλαίσιο της εργασίας πραγματοποιείται ανάλυση των λειτουργικών και μη λειτουργικών απαιτήσεων ενός συστήματος ηλεκτρονικού εμπορίου, ακολουθούμενη από τον αρχιτεκτονικό σχεδιασμό και την υλοποίηση του backend με το Strapi και του frontend με το Next.js, αξιοποιώντας χαρακτηριστικά Progressive Web Applications, όπως η offline λειτουργία και η βελτιστοποίηση απόδοσης. Η εφαρμογή αξιολογείται με βάση μετρικές απόδοσης, ασφάλειας και εμπειρίας χρήστη, ενώ τα αποτελέσματα συγκρίνονται με τις αντίστοιχες δυνατότητες παραδοσιακών προσεγγίσεων ηλεκτρονικού εμπορίου.

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

The rapid growth of electronic commerce and the increasing demand for high-performance, scalable and user-friendly web applications have led to the adoption of new architectural approaches in the design of modern information systems. Traditional content management systems, in which the presentation layer and the data management layer are tightly coupled, often present limitations in terms of performance, flexibility and adaptability to contemporary technological requirements.

This thesis focuses on the design, implementation and evaluation of a modern e-commerce application based on a headless architecture, using Strapi as the content management system and Next.js as a Progressive Web Application (PWA) on the presentation layer. The proposed architecture fully separates the backend from the frontend, enabling data delivery through application programming interfaces (APIs) and allowing the development of a flexible, high-performance user interface. In addition, the platform was experimentally extended with a product recommendation mechanism, A/B testing, a test Stripe payment integration, an evaluation toolkit, and an indicative serverless/MACH architecture.

Within the scope of this work, the functional and non-functional requirements of an e-commerce system are analyzed, followed by the architectural design and the implementation of the backend with Strapi and the frontend with Next.js, leveraging key PWA features such as offline functionality and performance optimization. The developed application is evaluated in terms of performance, security and user experience, while the results are compared with those of traditional e-commerce approaches.

The findings of this study indicate that the combination of a headless CMS and a Progressive Web Application can provide significant advantages in performance, scalability and overall user experience, making the proposed solution particularly suitable for modern e-commerce applications.