React.js web development agency
React.js web development agency in Athens.
Η TWENTYONE είναι γραφείο React.js web development στην Αθήνα. Φτιάχνουμε websites, web platforms και e-commerce σε React και Next.js, γραμμένα από το μηδέν για κάθε brand. Κάνουμε custom web development εδώ και 19 χρόνια, χωρίς κανένα template.
Why React
Why React.js web development
Με το React φτιάχνονται σήμερα οι οθόνες των sites και των εφαρμογών. Φροντίζει ώστε η οθόνη να δείχνει πάντα ό,τι λένε τα δεδομένα. Συνθέτει κάθε σελίδα από κομμάτια (components) που φτιάχνονται μία φορά και ξαναχρησιμοποιούνται παντού. Και είναι το πιο διαδεδομένο εργαλείο για web development στον κόσμο. Με αυτό δουλεύουν η Meta, το Netflix, η Airbnb, το Shopify και η Atlassian.
Για εσάς, το πιο δυνατό επιχείρημα δεν είναι τεχνικό. Έναν κώδικα σε React μπορεί να τον αναλάβει ένας ικανός developer οπουδήποτε. Ό,τι σας παραδίδουμε είναι δικό σας: να το κρατήσετε, να το επεκτείνετε ή να το πάτε σε άλλον. Το αντίθετο από μια πλατφόρμα που νοικιάζετε και δεν μπορείτε να αφήσετε.
Ένα site σε React στήνεται από components, όχι από μεμονωμένες σελίδες. Γι' αυτό οι αλλαγές κοστίζουν λιγότερο όσο μεγαλώνει. Αλλάζετε το κουμπί μία φορά και αλλάζει παντού. Μια νέα σελίδα στήνεται από κομμάτια που ήδη δουλεύουν.
What we build
React, from the landing page to the platform
- Custom websites
- Websites σχεδιασμένα και γραμμένα για το brand, με Next.js, ώστε να φτάνουν ως έτοιμο HTML. Φορτώνουν γρήγορα στο κινητό και οι μηχανές αναζήτησης και τα εργαλεία AI τα διαβάζουν ολόκληρα.
- Web platforms
- Booking engines, dashboards, portals και εσωτερικά εργαλεία. Εκεί το React αποδίδει περισσότερο: η οθόνη αλλάζει συνεχώς, κάθε χρήστης βλέπει ό,τι του επιτρέπεται και τα δεδομένα ανανεώνονται σε πραγματικό χρόνο.
- E-commerce
- Custom e-commerce με δικό του checkout, συνδεδεμένο σε πραγματικό χρόνο με το ERP, την αποθήκη, το λογιστήριο και τις courier που ήδη χρησιμοποιεί η επιχείρηση.
- Rebuilds and rescues
- Ένα αργό theme, ένας page builder, ένα app σε React που κανείς στην ομάδα δεν καταλαβαίνει πια. Το αναλαμβάνουμε, το μετράμε και ξαναχτίζουμε ό,τι χρειάζεται. Όχι παραπάνω.
- One design system
- Τα ίδια components πίσω από το website, την πλατφόρμα και το app. Το brand έχει την ίδια εμφάνιση και την ίδια συμπεριφορά όπου κι αν εμφανίζεται.
The stack
React.js web development with Next.js, TypeScript and a real back end
Το React φτιάχνει ό,τι βλέπει ο χρήστης στην οθόνη. Το Next.js αποφασίζει πώς φτάνει κάθε σελίδα στον browser: έτοιμη από πριν, ανά αίτημα ή ανανεωμένη στο παρασκήνιο όταν αλλάζει το περιεχόμενο. Η επιλογή γίνεται για κάθε διαδρομή χωριστά. Εκεί κερδίζεται ή χάνεται το μεγαλύτερο μέρος της ταχύτητας ενός site και σχεδόν όλη η ορατότητά του στην αναζήτηση.
Πίσω από την οθόνη βρίσκεται το backend. Η ομάδα μας για Node.js web development φτιάχνει το API, τους λογαριασμούς και τις διασυνδέσεις στην ίδια γλώσσα με το frontend, πάνω σε βάση PostgreSQL, με TypeScript σε όλη τη διαδρομή. Έτσι η φόρμα στον browser και ο server συμφωνούν στο τι είναι μια έγκυρη παραγγελία.
Όταν το προϊόν χρειάζεται app, η ίδια γνώση React μεταφέρεται εκεί. Με React Native app development το app μοιράζεται τους τύπους, τη λογική και τα design tokens με το website. Συνδέεται σε ένα σύστημα που ήδη δουλεύει. Δεν γίνεται δεύτερο, ξεχωριστό έργο.
Speed and search
Fast by construction, readable by search
Στα περισσότερα sites η ταχύτητα διορθώνεται εκ των υστέρων, και κοστίζει. Σε ένα site με Next.js είναι μέρος της κατασκευής από την αρχή. Οι εικόνες παίρνουν σωστό μέγεθος και μορφή αυτόματα. Οι γραμματοσειρές φορτώνουν νωρίς και μόνο όσους χαρακτήρες χρειάζονται. Η JavaScript χωρίζεται σε κομμάτια, ώστε κάθε σελίδα να φορτώνει μόνο ό,τι χρησιμοποιεί. Συμφωνούμε ένα όριο ταχύτητας πριν ξεκινήσει το design και το ελέγχουμε σε κάθε build.
Το SEO έρχεται ως φυσική συνέπεια. Κάθε σελίδα φτάνει ως πλήρες HTML με δικό της τίτλο, περιγραφή και δομημένα δεδομένα. Έτσι η Google την καταχωρεί σωστά και τα εργαλεία AI μπορούν να την αναφέρουν στις απαντήσεις τους. Δεν το αφήνετε στην τύχη. Το React.js web development με αυτόν τον τρόπο δεν σας βάζει να διαλέξετε ανάμεσα σε πλούσιο περιβάλλον και SEO. Έχετε και τα δύο.
How we work
How a React.js web development project runs
- Briefing
- Μας λέτε τι φτιάχνετε, τι υπάρχει ήδη και τι σας εμποδίζει. Σας απαντάμε μέσα σε δύο εργάσιμες, με ερωτήσεις ή με την ειλικρινή απάντηση ότι δεν μας χρειάζεστε.
- Blueprint
- Συμφωνούμε το εύρος, την αρχιτεκτονική, το stack και ένα σταθερό πλάνο πριν γραφτεί η πρώτη γραμμή κώδικα. Ξέρετε τι φτιάχνεται, με ποια σειρά και γιατί.
- Build
- Σχεδιάζεται και κατασκευάζεται σε React και Next.js από τους ίδιους ανθρώπους, στην Αθήνα. Κάθε μία με δύο εβδομάδες βλέπετε λογισμικό που δουλεύει, σε μια δοκιμαστική διεύθυνση που ανοίγετε κι εσείς. Δεν περιμένετε ως το τέλος για να δείτε τι φτιάξαμε.
- Launch and after
- Βγαίνουμε live και παρακολουθούμε τη λειτουργία. Ξέρετε με ποιους ανθρώπους μιλάτε, και αυτοί μένουν δίπλα σας και μετά. Ο κώδικας, τα αρχεία design και τα δεδομένα είναι δικά σας.
The record
A React.js web development agency trusted with demanding briefs
19 χρόνια δουλειάς για brands όπως COSMOTE, Piraeus, Avène, MARKET IN, SCORPIOS, TRVL AIR και NEXTCOMMERCE: τηλεπικοινωνίες, τράπεζες, φαρμακεία, λιανική, ταξίδια και φιλοξενία. Οι κλάδοι διαφέρουν. Η τεχνική δουλειά γίνεται με τον ίδιο τρόπο, όποιο κι αν είναι το brand.
Το ίδιο studio σχεδιάζει, κατασκευάζει, φωτογραφίζει και κινηματογραφεί. Έτσι το site και οι εικόνες του αποφασίζονται μαζί, και δεν χρειάζεται να τα βρουν μεταξύ τους δύο διαφορετικοί προμηθευτές.
Common questions
- Τι κάνει ένα γραφείο React.js web development;
- Σχεδιάζει και κατασκευάζει websites και web εφαρμογές με React, τη βιβλιοθήκη JavaScript για περιβάλλοντα χρήσης, που δημιουργήθηκε στο Facebook. Η TWENTYONE, στην Αθήνα, φτιάχνει custom websites, web platforms και e-commerce σε React και Next.js, με backend σε Node.js και PostgreSQL.
- Γιατί να φτιάξω website σε React και όχι σε WordPress;
- Ένα site σε React και Next.js γράφεται για το brand, δεν συναρμολογείται από ένα theme και plugins. Φορτώνει μόνο ό,τι χρησιμοποιεί, φτάνει στις μηχανές αναζήτησης ως έτοιμο HTML και δεν έχει plugins να ενημερώνονται ή να χαλάνε. Είναι επίσης open source και βρίσκετε developers παντού, οπότε δεν δένεστε με έναν προμηθευτή.
- Είναι το React καλό για SEO;
- Ναι, όταν οι σελίδες δημιουργούνται στον server. Το Next.js παραδίδει κάθε σελίδα React ως πλήρες HTML, οπότε οι μηχανές αναζήτησης και τα εργαλεία AI διαβάζουν το περιεχόμενο χωρίς να τρέξουν JavaScript. Πρόβλημα στο SEO έχει ένα app σε React που φτιάχνει τις σελίδες του μόνο μέσα στον browser.
- Ποια η διαφορά ανάμεσα σε React και Next.js;
- Το React είναι η βιβλιοθήκη που φτιάχνει ό,τι βλέπει ο χρήστης στην οθόνη. Το Next.js είναι το framework γύρω του: αποφασίζει πώς δημιουργείται και παραδίδεται κάθε σελίδα (από πριν, ανά αίτημα ή στο παρασκήνιο) και προσθέτει διαδρομές, βελτιστοποίηση εικόνων και κώδικα server. Η TWENTYONE χρησιμοποιεί και τα δύο μαζί.
- Μπορείτε να αναλάβετε ένα υπάρχον έργο σε React;
- Ναι. Η TWENTYONE αναλαμβάνει κώδικα σε React και Next.js, τον ελέγχει και συνεχίζει τη δουλειά. Ξαναγράφει ό,τι καθυστερεί την ομάδα, όχι ό,τι ήδη δουλεύει.
- Συνεργάζεστε με πελάτες εκτός Ελλάδας;
- Ναι. Η TWENTYONE έχει έδρα την Αθήνα και δουλεύει στα αγγλικά με πελάτες στην Ελλάδα και στο εξωτερικό. Το briefing, το πλάνο και οι εβδομαδιαίες παραδόσεις γίνονται εξ αποστάσεως όταν χρειάζεται.
Also from the studio
Further reading
Initiate the blueprint
Tell us what you are building.
Πείτε μας με τι δουλεύετε σήμερα, πότε το χρειάζεστε και τι σας δυσκολεύει. Απαντάμε σε κάθε μήνυμα μέσα σε δύο εργάσιμες.