# Vibe coding για eshop: σχεδιασμός βιτρίνας με AI agent και Nitrogen

Vibe coding για eshop με το Nitrogen: πώς ένας AI agent όπως το Claude Code ή το Cursor φτιάχνει δική σου βιτρίνα βήμα βήμα, με έτοιμα prompts και όρια.

Πηγή: https://cloudcart.com/el/blog/vibe-coding-sxediasmos-eshop · CloudCart · 2026-11-06

Vibe coding σημαίνει ότι περιγράφεις με λόγια σε έναν AI agent τι θέλεις και εκείνος γράφει τον κώδικα. Στο CloudCart έτσι φτιάχνεις δικό σου design για το eshop με το Nitrogen: δημιουργείς βιτρίνα στον πίνακα διαχείρισης, αντιγράφεις τις οδηγίες στο Claude Code, στο ChatGPT Codex, στο Cursor ή στο Gemini CLI και περιγράφεις τον σχεδιασμό. Ο κατάλογος, οι παραγγελίες και οι πληρωμές μένουν στο CloudCart.

Το κείμενο είναι από την ομάδα του CloudCart και ακολουθεί τις οθόνες του Nitrogen, από την άδεια βιτρίνα μέχρι το δικό σου domain.

## Τι είναι το vibe coding

Vibe coding είναι ένας τρόπος δουλειάς όπου λες σε ένα μοντέλο τεχνητής νοημοσύνης (AI) τι αποτέλεσμα θέλεις, κοιτάς τι έφτιαξε και ζητάς αλλαγές, χωρίς να γράφεις τον κώδικα γραμμή γραμμή. Τον όρο τον εισήγαγε ο Andrej Karpathy, ένας από τους ιδρυτές της OpenAI, σε ανάρτηση του Φεβρουαρίου 2025, και το λεξικό Collins τον ανέδειξε λέξη της χρονιάς για το 2025 (σύμφωνα με το [λήμμα για το vibe coding στη Wikipedia](https://en.wikipedia.org/wiki/Vibe_coding)).

Για έναν έμπορο το ερώτημα είναι πρακτικό: μπορώ να φτιάξω έτσι το eshop μου και να πουλάω με ασφάλεια; Η απάντηση είναι ναι, αν ο agent αλλάζει μόνο ό,τι βλέπει ο πελάτης και όλα τα υπόλοιπα μένουν σε μια πλατφόρμα που ήδη δουλεύει.

Στην πράξη περιγράφεις τον σχεδιασμό σαν brief σε σχεδιαστή: «λιγότερο κείμενο, μεγάλες φωτογραφίες, το καλάθι πάντα ορατό στο κινητό». Ο agent γράφει τον κώδικα και σου δείχνει τη βιτρίνα. Εσύ εγκρίνεις ή ζητάς κάτι άλλο.

Ο κίνδυνος του vibe coding είναι ο κώδικας που δεν έχει ελέγξει κανείς: λάθη, αργές σελίδες ή κενά ασφαλείας. Γι' αυτό το CloudCart δίνει στον agent δύο πράγματα που βάζουν πλαίσιο στη δουλειά του: ένα έτοιμο αρχικό έργο με όλες τις σελίδες του καταστήματος και ένα skill με τους κανόνες για το πώς να το εξελίξει.

## Τι είναι το headless eshop και τι είναι το Nitrogen

Headless eshop είναι ένα ηλεκτρονικό κατάστημα όπου η βιτρίνα που βλέπουν οι πελάτες είναι ξεχωριστή εφαρμογή από το σύστημα που κρατά τα προϊόντα, τις παραγγελίες και τις πληρωμές. Τα δύο μέρη μιλούν μέσω API.

Το Nitrogen είναι η headless τεχνολογία του CloudCart. Μια βιτρίνα Nitrogen είναι δική σου εφαρμογή, φτιαγμένη από το αρχικό έργο του CloudCart ([cloudcart/nitro-starter](https://github.com/cloudcart/nitro-starter)), που διαβάζει το κατάστημα μέσω του Storefront API. Τρέχει στο Nova, τη φιλοξενία του CloudCart για βιτρίνες Nitrogen, που βασίζεται στα [Cloudflare Workers](https://developers.cloudflare.com/workers/). Δεν διαχειρίζεσαι server και δεν χρειάζεσαι δικό σου λογαριασμό στο Cloudflare.

|  | Έτοιμο πρότυπο | Βιτρίνα Nitrogen |

| Από πού ξεκινάς | Πρότυπο από τον κατάλογο στον Σχεδιασμό | Το αρχικό έργο με έτοιμες σελίδες |

| Ελευθερία στον σχεδιασμό | Χρώματα, γραμματοσειρές, ενότητες και δικό σου CSS/JS | Πλήρης: κάθε σελίδα και κάθε στοιχείο είναι κώδικας του καταστήματος |

| Τεχνολογία | Σελίδες που φτιάχνει ο server της πλατφόρμας | React, React Router, TypeScript και Tailwind CSS |

| Ποιος κάνει τις αλλαγές | Εσύ, από τον πίνακα διαχείρισης | Ένας AI agent ή developer: η αλλαγή είναι κώδικας και νέα δημοσίευση |

| Δικά σου πεδία (metafields, metaobjects) | Δεν εμφανίζονται στη βιτρίνα | Εμφανίζονται όπου το ορίσει ο σχεδιασμός |

| Δημοσίευση | Το πρότυπο αλλάζει το κατάστημα αμέσως | Τρέχει στη δική της διεύθυνση στο cloudcart.dev μέχρι να στρέψεις εκεί το domain |

Και στις δύο περιπτώσεις τα προϊόντα, οι κατηγορίες, οι πελάτες, οι παραγγελίες, οι εκπτώσεις, οι πληρωμές και οι αποστολές γίνονται από τον ίδιο πίνακα διαχείρισης. Πώς διαλέγεις και ρυθμίζεις ένα έτοιμο πρότυπο, θα το βρεις στο άρθρο για [τον σχεδιασμό eshop με πρότυπα](https://cloudcart.com/el/blog/prota-sxediasmos-eshop).

## Για ποιον είναι ο σχεδιασμός eshop με AI

Το Nitrogen είναι για κατάστημα που χρειάζεται κάτι που το πρότυπο δεν δίνει. Ο κώδικας των έτοιμων προτύπων δεν ανοίγει για επεξεργασία και δικό σου πρότυπο δεν ανεβαίνει, οπότε ένα εντελώς δικό σου design γίνεται με το Nitrogen. Αξίζει όταν έχεις:

- Brand που θέλει βιτρίνα διαφορετική από κάθε πρότυπο. Δική σου τυπογραφία, κινήσεις στο scroll, σελίδες σαν περιοδικό.

- Προϊόν που εξηγείται με εργαλείο. Configurator για έπιπλο, υπολογισμό ποσότητας, σύγκριση μοντέλων, σύνθεση κουτιού δώρου.

- Περιεχόμενο από δικά σου πεδία. Πίνακα μεγεθών, συστατικά, στοιχεία του σχεδιαστή ή ολόκληρες σελίδες από ενότητες που συμπληρώνεις στον πίνακα διαχείρισης ως metafields και metaobjects.

- Κατάστημα με περισσότερες από μία βιτρίνες. Ξεχωριστή βιτρίνα για μια καμπάνια ή για νέο brand, στη δική της διεύθυνση στο cloudcart.dev, με τον ίδιο κατάλογο.

## Πότε αρκεί το έτοιμο πρότυπο

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

## Τι χρειάζεσαι πριν ξεκινήσεις

Για μια βιτρίνα Nitrogen χρειάζεσαι κατάστημα στο CloudCart, έναν AI agent που τρέχει εντολές στον υπολογιστή σου και λίγα λεπτά για τις ρυθμίσεις. Τα περισσότερα τα ελέγχει και τα εγκαθιστά μόνος του ο agent.

- AI agent. Claude Code, ChatGPT Codex, Cursor, Gemini CLI ή VS Code. Ο agent πρέπει να τρέχει εντολές, άρα μια συνομιλία στον browser δεν αρκεί.

- Node.js και git. Το αρχικό έργο τρέχει σε Node.js 22 ή 24. Ο agent τα εγκαθιστά όπου μπορεί.

- PAT token. Προσωπικό κλειδί πρόσβασης από τον πίνακα διαχείρισης (το μενού κάτω αριστερά → «PAT tokens»). Το δημιουργεί μόνο ο ιδιοκτήτης του καταστήματος.

- Το δικαίωμα «Nitrogen Storefronts». Ο ιδιοκτήτης το έχει πάντα. Ένας συνεργάτης βλέπει τις βιτρίνες μόνο αν του δοθεί το δικαίωμα στις ρυθμίσεις της ομάδας.

- Λογαριασμός GitHub (προαιρετικά). Αν θέλεις κάθε αλλαγή να δημοσιεύεται μόνη της με push. Χωρίς αυτόν η βιτρίνα δημοσιεύεται με μια εντολή.

Ο agent δουλεύει με δύο εργαλεία του CloudCart: το skill cloudcart-nitrogen με τους κανόνες κατασκευής και το Storefront MCP με το σχήμα του Storefront API.

## Πώς σχεδιάζεις eshop με AI agent: βήμα βήμα

Η βιτρίνα δημιουργείται στον πίνακα διαχείρισης, τον κώδικα τον γράφει ο agent στον υπολογιστή σου και η δημοσίευση γίνεται με push στο GitHub ή με μία εντολή. Ολόκληρη η διαδρομή:

- Άνοιξε το Nitrogen στον πίνακα διαχείρισης. Η περιοχή είναι στη διεύθυνση /admin/nitrogen . Στο μενού δεν υπάρχει ακόμη σύνδεσμος, γι' αυτό άνοιξε τη διεύθυνση απευθείας. Εδώ βλέπεις τις βιτρίνες σου και πόσες έχεις από τις 10.

- Δημιούργησε βιτρίνα. Πάτα «Create storefront», δώσε της όνομα και διάλεξε πώς δημοσιεύεται: GitHub ή γραμμή εντολών (CI/CD). Η επιλογή δεν αλλάζει αργότερα. Η διεύθυνση βγαίνει από το όνομα: {όνομα}-{κωδικός}.cloudcart.dev .

- Με GitHub, σύνδεσε τον λογαριασμό. Συνδέεις την εφαρμογή CloudCart Nitrogen στο GitHub και δημιουργείς νέο αποθετήριο από το αρχικό έργο ή διαλέγεις ένα υπάρχον.

- Με γραμμή εντολών, φύλαξε το token. Παίρνεις ένα token δημοσίευσης που εμφανίζεται μόνο μία φορά, μαζί με τις εντολές για τα επόμενα βήματα.

- Αντίγραψε τις οδηγίες για τον agent. Στη σελίδα της βιτρίνας υπάρχουν έτοιμες οδηγίες για τον AI agent, με τις εντολές ακριβώς γι' αυτή τη βιτρίνα και, στη γραμμή εντολών, το token δημοσίευσης. Το ίδιο κείμενο είναι δημοσιευμένο στο GitHub , ώστε ο agent να ελέγξει ότι οι οδηγίες είναι οι επίσημες του CloudCart.

- Επικόλλησέ τες στον agent. Claude Code, ChatGPT Codex, Cursor ή Gemini CLI. Ο agent εγκαθιστά ό,τι λείπει, συνδέει το κατάστημα με το PAT token και κατεβάζει το αρχικό έργο.

- Ο agent ανοίγει τη βιτρίνα τοπικά. Τρέχει τις εντολές των οδηγιών: με GitHub κάνει git clone το αποθετήριο, με γραμμή εντολών δημιουργεί το έργο με cloudcart nitrogen init και μετά τρέχει cloudcart nitrogen link , cloudcart nitrogen env pull και npm run dev . Η βιτρίνα ανοίγει στον υπολογιστή σου με τα πραγματικά προϊόντα του καταστήματος.

- Περίγραψε τον σχεδιασμό. Ο agent ρωτά πρώτα για το είδος του καταστήματος, τις σελίδες και τις λειτουργίες και γράφει ένα σχέδιο του έργου. Μετά δουλεύει σε πέντε φάσεις: κατάστημα και design για κινητό, κατασκευή, SEO και ασφάλεια, analytics και pixels, έλεγχος όλου του site.

- Δημοσίευσε τη βιτρίνα. Με GitHub, κάθε push στον κύριο κλάδο δημοσιεύει τη βιτρίνα. Με γραμμή εντολών ο agent τρέχει cloudcart nitrogen deploy , αλλά μόνο όταν του το πεις, γιατί η δημοσίευση αλλάζει τη ζωντανή βιτρίνα.

- Στρέψε το domain. Στην ενότητα Domains της βιτρίνας διάλεξε το domain και «Route to this storefront». Το domain πρέπει να έχει ήδη προστεθεί στο κατάστημα και το DNS να το διαχειρίζεται το CloudCart. Μετά δημοσίευσε ξανά τη βιτρίνα. Με το «Back to the store theme» το domain γυρίζει στο πρότυπο.

Σημαντικό: πριν στρέψεις το domain, έλεγξε ότι η βιτρίνα καλύπτει τις διευθύνσεις των προϊόντων, των κατηγοριών και των σελίδων. Ο πίνακας διαχείρισης σου το θυμίζει στο μήνυμα επιβεβαίωσης.

> Κατάστημα με AI agent Μία πρόταση που αντιγράφεις συνδέει τον agent Ο ίδιος agent που γράφει τη βιτρίνα διαχειρίζεται και το κατάστημα: τιμές, αποθέματα, περιγραφές και αναφορές, με ένα PAT token που ανακαλείς όποτε θέλεις. Πώς δουλεύει το κατάστημα με AI agent →

## Παραδείγματα prompts για σχεδιασμό eshop με AI

Ένα καλό prompt για σχεδιασμό λέει σε ποιον απευθύνεται το κατάστημα, τι πρέπει να νιώσει ο πελάτης και τι μετράει περισσότερο στο κινητό. Γράψε στα ελληνικά, όπως θα μιλούσες σε σχεδιαστή. Τρία παραδείγματα που μπορείς να επικολλήσεις μετά τις αρχικές ρυθμίσεις και να τα προσαρμόσεις:

### Κατάστημα καλλυντικών

«Το κατάστημα πουλά φυσικά καλλυντικά σε γυναίκες 25 έως 45 ετών. Θέλω φωτεινό, ήρεμο design με πολύ λευκό χώρο, ένα χρώμα έμφασης (σκούρο πράσινο) και μεγάλες φωτογραφίες προϊόντων. Στη σελίδα προϊόντος τα συστατικά να είναι σε πίνακα από metafield και κάτω από το κουμπί του καλαθιού μια ενότητα «Για τύπο δέρματος». Αρχική σελίδα: μεγάλη φωτογραφία, τρεις κατηγορίες, best sellers και κριτικές. Προτεραιότητα το κινητό.»

### Κατάστημα επίπλων

«Πουλάμε έπιπλα κατά παραγγελία. Στη σελίδα προϊόντος θέλω configurator: ο πελάτης διαλέγει διάσταση, ύφασμα και χρώμα ποδιών, βλέπει την τιμή αμέσως και προσθέτει στο καλάθι. Το design είναι λιτό, με σκούρο φόντο στο πάνω μέρος, λεπτές γραμματοσειρές και φωτογραφίες σε όλη την οθόνη. Οι κατηγορίες να έχουν φίλτρα για διάσταση και υλικό. Δείξε μου το σχέδιο πριν γράψεις κώδικα.»

### Κατάστημα καφέ και τροφίμων

«Πουλάμε φρεσκοκαβουρδισμένο καφέ. Θέλω ζεστό design σε καφέ και κρεμ τόνους, μεγάλη φωτογραφία των κόκκων και μια σύντομη ιστορία για κάθε παρτίδα, που τη συμπληρώνω στον πίνακα διαχείρισης ως metaobject. Στη σελίδα προϊόντος: προέλευση, βαθμός καβουρδίσματος και γεύση σε τρία εικονίδια. Πρόσθεσε στο καλάθι ενότητα «Συχνά αγοράζονται μαζί». Οι σελίδες να είναι γρήγορες στο κινητό, με βαθμό 90 ή περισσότερο.»

Καλές συνήθειες όταν γράφεις:

- Μία αλλαγή ανά μήνυμα, όταν το design είναι ήδη έτοιμο. Έτσι βλέπεις τι έκανε η καθεμία.

- Ζήτα το σχέδιο πριν από τον κώδικα, όταν η δουλειά είναι μεγάλη.

- Δημοσίευσε μόνο αφού δεις τη βιτρίνα τοπικά σε κινητό και υπολογιστή.

## Ποιον AI agent να διαλέξεις για βιτρίνα Nitrogen

Και οι τέσσερις agents φτιάχνουν βιτρίνα Nitrogen με τις ίδιες οδηγίες. Η διαφορά είναι πού δουλεύουν και πώς παίρνουν το skill του CloudCart.

| Agent | Πού δουλεύει | Το skill cloudcart-nitrogen | Κατάλληλος αν |

| Claude Code | Terminal και εφαρμογή για υπολογιστή | Με το plugin του CloudCart | Θέλεις όλη τη βιτρίνα από την αρχή ως το τέλος |

| Cursor | Επεξεργαστής κώδικα με AI agent | Με το plugin του CloudCart | Θέλεις να βλέπεις τα αρχεία και τις αλλαγές |

| Gemini CLI | Terminal | Με την επέκταση του CloudCart | Δουλεύεις ήδη με τη Google |

| ChatGPT Codex | Εφαρμογή και terminal της OpenAI | Το διαβάζει από το αποθετήριο του CloudCart | Πληρώνεις ήδη το ChatGPT |

Αναλυτικοί οδηγοί: [eshop με το Claude Code](https://cloudcart.com/el/blog/eshop-me-claude-code) (και η τεκμηρίωση του [Claude Code](https://code.claude.com/docs/en/overview)) και [eshop με το Cursor](https://cloudcart.com/el/blog/eshop-me-cursor). Για τους άλλους δύο agents δες [eshop με το ChatGPT και το Codex](https://cloudcart.com/el/blog/eshop-me-chatgpt). Για το terminal της Google δες [eshop με το Gemini CLI](https://cloudcart.com/el/blog/eshop-me-gemini-cli). Η σύνδεση με το Claude Code είναι στη σελίδα [Claude Code και CloudCart](https://cloudcart.com/el/offer/ai-claude-code) και με το Cursor στη σελίδα [Cursor και CloudCart](https://cloudcart.com/el/offer/ai-cursor).

## Τι μένει στο CloudCart

Με βιτρίνα Nitrogen όλα τα δεδομένα και όλη η εμπορική λειτουργία μένουν στο CloudCart. Ο agent αλλάζει μόνο ό,τι βλέπει ο πελάτης.

- Ο κατάλογος. Προϊόντα, παραλλαγές, κατηγορίες, brands, αποθέματα και τιμές τα διαχειρίζεσαι στον πίνακα διαχείρισης. Η βιτρίνα τα διαβάζει μέσω του Storefront API.

- Οι παραγγελίες, οι πελάτες και οι εκπτώσεις. Μπαίνουν στην ίδια λίστα, από όποια βιτρίνα κι αν έρθει η παραγγελία.

- Το checkout και η πληρωμή. Το καλάθι της βιτρίνας περνά την παραγγελία στο checkout (ολοκλήρωση αγοράς) της πλατφόρμας. Σε domain που έχεις στρέψει, οι διευθύνσεις πληρωμής, οι εικόνες, ο πίνακας διαχείρισης, το sitemap, τα feeds, το robots.txt και το llms.txt συνεχίζουν να εξυπηρετούνται από το CloudCart.

- Το περιεχόμενο. Οι σελίδες CMS, το blog, τα μενού, τα metafields και τα metaobjects συμπληρώνονται στον πίνακα διαχείρισης. Τα metaobjects δημιουργούνται στις Ρυθμίσεις → Metaobjects.

Το αρχικό έργο έχει ήδη τις σελίδες του καταστήματος: αρχική, προϊόν με παραλλαγές και κριτικές, κατηγορίες με φίλτρα, αναζήτηση, καλάθι, λογαριασμό πελάτη, blog, επιστροφές, /robots.txt και /llms.txt. Ο agent αλλάζει το design τους χωρίς να τις φτιάχνει από το μηδέν.

> CloudCart Pay Πληρωμή με κάρτα και με δική σου βιτρίνα Η πληρωμή με κάρτα μένει στην πλατφόρμα και όταν η βιτρίνα είναι δική σου, και η βιτρίνα μπορεί να δείχνει τα κουμπιά Apple Pay και Google Pay σύμφωνα με τις ρυθμίσεις σου στο CloudCart Pay. Πώς δουλεύει το CloudCart Pay →

## Όρια: τι δεν κάνει ο AI agent

Το Nitrogen έχει σαφή όρια που καλό είναι να ξέρεις πριν ξεκινήσεις. Κάποιες ενέργειες τις κάνεις μόνο εσύ στον πίνακα διαχείρισης και κάποιες άλλες δεν γίνονται προς το παρόν.

| Όριο | Τι σημαίνει στην πράξη |

| Έως 10 βιτρίνες ανά κατάστημα | Το ίδιο σε κάθε πακέτο με Nitrogen. Για νέα βιτρίνα πάνω από το όριο διαγράφεις μια παλιά. |

| Μία βιτρίνα εξυπηρετεί το domain | Οι υπόλοιπες δουλεύουν μόνο στη δική τους διεύθυνση στο cloudcart.dev. |

| Μόνο production | Δεν υπάρχει δοκιμαστική διεύθυνση για κλάδο ή pull request. Ο έλεγχος γίνεται τοπικά, πριν από τη δημοσίευση. |

| Έως 50 δικές σου μεταβλητές και 10 tokens δημοσίευσης ανά βιτρίνα | Μια αλλαγή μεταβλητής ισχύει από την επόμενη δημοσίευση. |

| Μία γλώσσα ανά κατάστημα | Κάθε γλώσσα είναι ξεχωριστό κατάστημα με τη δική του βιτρίνα και domain. |

| Μόνο GitHub για αυτόματη δημοσίευση | Άλλες υπηρεσίες Git δουλεύουν μέσω γραμμής εντολών ή CI/CD. |

Τι δεν κάνει μόνος του ο agent και σου ζητά να το κάνεις εσύ στον πίνακα διαχείρισης:

- Δημιουργία και διαγραφή βιτρίνας.

- Tokens δημοσίευσης.

- Στροφή του domain στη βιτρίνα και επιστροφή στο πρότυπο.

- Δημιουργία PAT token.

Ο επεξεργαστής του προτύπου και το δικό σου CSS/JS δεν φτάνουν στη βιτρίνα Nitrogen: η εμφάνισή της είναι εξ ολοκλήρου ο κώδικάς της. Σε domain που έχεις στρέψει, τις ανακατευθύνσεις 301 τις εφαρμόζει η βιτρίνα, και οι σύνδεσμοι στα email του καταστήματος προς σελίδες της πλατφόρμας (για παράδειγμα η διαγραφή από τη λίστα ή η σελίδα της παραγγελίας) προς το παρόν δεν δουλεύουν εκεί. Ο agent δημοσιεύει μόνο όταν του το πεις.

> 0% προμήθεια Δική σου βιτρίνα χωρίς ποσοστό στις πωλήσεις Όσο κι αν εξελιχθεί το design, το CloudCart δεν παίρνει ποσοστό από τις παραγγελίες που φέρνει η βιτρίνα, σε κανένα πακέτο. Πώς δουλεύει το 0% προμήθεια →

## Πώς ελέγχεις τη βιτρίνα πριν από τη δημοσίευση

Μια βιτρίνα φτιαγμένη με vibe coding ελέγχεται όπως κάθε site: στο κινητό, στην ταχύτητα, στο SEO και με μια δοκιμαστική παραγγελία. Το skill του CloudCart κλείνει κάθε δουλειά με έλεγχο όλου του site, αλλά η τελευταία λέξη είναι δική σου.

- Πρώτα το κινητό. Άνοιξε τη βιτρίνα τοπικά στο κινητό σου και κάνε τη διαδρομή από την αρχική σελίδα μέχρι το καλάθι.

- Ταχύτητα. Το skill στοχεύει σε βαθμό 90 ή περισσότερο για κινητό στο Lighthouse. Πώς μετριέται και τι σημαίνει, θα το βρεις στο άρθρο για την ταχύτητα και τα Core Web Vitals .

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

- Pixels και analytics. Ζήτα από τον agent να ελέγξει ότι τα events του CloudCart Analytics και τα pixels σου ενεργοποιούνται μετά τη συγκατάθεση για τα cookies.

- Δοκιμαστική παραγγελία. Κάνε μόνος σου μια παραγγελία από τη διεύθυνση στο cloudcart.dev, πλήρωσε και έλεγξε ότι η παραγγελία εμφανίζεται στον πίνακα διαχείρισης.

- Το domain. Στρέψε το και δημοσίευσε τη βιτρίνα άλλη μία φορά. Αν κάτι δεν πάει καλά, το «Back to the store theme» επαναφέρει αμέσως το πρότυπο.

## Συχνές ερωτήσεις

**Τι είναι το vibe coding;**

Vibe coding είναι ο προγραμματισμός όπου περιγράφεις με λόγια σε έναν AI agent τι θέλεις και εκείνος γράφει τον κώδικα. Τον όρο τον εισήγαγε ο Andrej Karpathy τον Φεβρουάριο του 2025. Σε ένα eshop έτσι φτιάχνεις δικό σου design: λες πώς να μοιάζει η βιτρίνα, ο agent τη χτίζει και σου δείχνει το αποτέλεσμα.

**Μπορεί το AI να σχεδιάσει ένα eshop;**

Ναι. Στο CloudCart ένας AI agent όπως το Claude Code, το ChatGPT Codex, το Cursor ή το Gemini CLI φτιάχνει όλη τη βιτρίνα με το Nitrogen σύμφωνα με την περιγραφή σου. Ο agent δουλεύει πάνω στο αρχικό έργο του CloudCart, ενώ τα προϊόντα, οι παραγγελίες και η πληρωμή μένουν στον πίνακα διαχείρισης.

**Χρειάζεται να ξέρω προγραμματισμό για το Nitrogen;**

Δεν είναι απαραίτητο. Οι οδηγίες από τον πίνακα διαχείρισης καθοδηγούν τον agent στις ρυθμίσεις και τον σχεδιασμό τον περιγράφεις στα ελληνικά. Χρειάζεσαι έναν agent που τρέχει εντολές στον υπολογιστή, ένα PAT token από τον πίνακα διαχείρισης και χρόνο για να δεις τη βιτρίνα πριν τη δημοσιεύσεις.

**Χάνω κάτι αν περάσω από πρότυπο σε Nitrogen;**

Δεν χάνεις δεδομένα: ο κατάλογος, οι παραγγελίες, οι πελάτες και το περιεχόμενο μένουν στον ίδιο πίνακα διαχείρισης. Το αρχικό έργο κρατά τις διευθύνσεις του καταστήματος, άρα οι σύνδεσμοι και οι θέσεις στο Google συνεχίζουν να δουλεύουν. Το πρότυπο επιστρέφει με το «Back to the store theme» όποτε θέλεις.

**Πώς βάζω τη βιτρίνα Nitrogen στο δικό μου domain;**

Στην ενότητα Domains της βιτρίνας διάλεξε το domain και «Route to this storefront». Το domain πρέπει να έχει προστεθεί στο κατάστημα και το DNS να το διαχειρίζεται το CloudCart. Μετά δημοσίευσε ξανά τη βιτρίνα, για να πάρει το νέο domain.

**Με ποιον AI agent φτιάχνω καλύτερα site για eshop;**

Και οι τέσσερις δουλεύουν με τις ίδιες οδηγίες. Το Claude Code, το Cursor και το Gemini CLI παίρνουν το skill του CloudCart με το plugin ή την επέκταση, ενώ το ChatGPT Codex το διαβάζει από το αποθετήριο του CloudCart. Διάλεξε τον agent που ήδη χρησιμοποιείς και πληρώνεις.

Περισσότερα για τη δική σου βιτρίνα και ζωντανά παραδείγματα θα βρεις στη σελίδα [Σχεδιασμός με Nitrogen](https://cloudcart.com/el/design). Για να ξεκινήσεις, [δες τα πακέτα του CloudCart](https://cloudcart.com/el/pricing) και φτιάξε το κατάστημά σου. Έχεις ερώτηση για τη βιτρίνα ή για τον agent; Γράψε μας στο [support@cloudcart.com](https://cloudcart.commailto:support@cloudcart.com).