Ortica
Parliamone ↗
Ortica
Parliamone
ciao@ortica.io

Sviluppo React e Next.js

Interfacce che rispondono.
Anche con tanti dati.

Sviluppiamo webapp e interfacce in React e Next.js, in TypeScript: dashboard, gestionali, portali e frontend headless per ecommerce e CMS. Chi disegna le schermate in Figma è anche chi scrive i componenti.

Parliamo del progetto ↗Cosa facciamo ↓
  • React
  • Next.js
  • TypeScript
  • Figma
Cosa facciamo con React

Dai componenti
all’app in produzione.

  1. 01

    Webapp e dashboard.

    Interfacce per lavorarci tutto il giorno: tabelle con filtri, moduli lunghi, grafici, permessi diversi per ogni ruolo. Restano veloci anche con molte righe a schermo.

    • React
    • TypeScript
    • Dashboard
  2. 02

    Siti e piattaforme in Next.js.

    Rendering lato server, pagine statiche dove servono, immagini ottimizzate. Con Payload CMS quando serve un pannello di gestione.

    • Next.js
    • App Router
    • Payload CMS
  3. 03

    Frontend headless.

    Un’interfaccia React davanti a Shopify, WooCommerce o a un backend che hai già, quando il tema standard non basta più.

    • Headless
    • API
    • Ecommerce
  4. 04

    Design system in codice.

    I componenti disegnati in Figma diventano una libreria React con gli stessi nomi, varianti e stati. Chi aggiunge una schermata domani parte da lì.

    • Figma
    • Componenti
    • Accessibilità
  5. 05

    Progetti da riprendere.

    App React rimaste a versioni vecchie o scritte da altri: leggiamo il codice, aggiorniamo per gradi e rimettiamo in piedi controlli e deploy.

    • Aggiornamenti
    • Refactoring

Con cosa lavoriamo

Webapp e dashboardSiti e piattaforme in Next.jsFrontend headlessDesign system in codiceProgetti da riprendere
ReactNext.jsTypeScriptFigma
React, Next.js o altro?

Lo strumento giusto.
Non quello di moda.

React è la libreria più diffusa per le interfacce web, e questo conta: documentazione, librerie e sviluppatori che sapranno leggere il codice anche dopo di noi.

Scegliamo React quando

  • L’interfaccia ha molti stati e interazioni
  • Le stesse parti tornano in più schermate
  • Il progetto crescerà e passerà di mano
  • C’è già un backend o delle API da usare

Aggiungiamo Next.js quando

  • Le pagine devono farsi trovare su Google
  • Conta la velocità al primo caricamento
  • Frontend e API stanno meglio nello stesso progetto
  • Serve un pannello di gestione con Payload CMS
Quello che curiamo

Le cose che non si vedono.
Finché mancano.

  1. 01

    Accessibilità.

    Tastiera, focus, etichette e contrasti pensati dall’inizio, non aggiunti alla fine.

  2. 02

    Velocità.

    Meno JavaScript mandato al browser, componenti caricati quando servono, dati presi lato server dove conviene.

  3. 03

    Controlli e rilasci.

    Verifiche automatiche su tipi e funzioni principali, e deploy automatici su un ambiente di prova prima di quello online.

Domande frequenti

Su React e Next.js
ci chiedono spesso.

Quanto costa una webapp in React?

Dipende dalle specifiche del progetto: schermate, ruoli, integrazioni e quantità di dati. Per interventi su un progetto React esistente si lavora spesso a pacchetto ore. Dopo una prima analisi ti mandiamo un preventivo scritto.

Meglio React o Next.js?

Next.js è costruito su React: non sono alternative. React da solo va bene per applicazioni dietro login; Next.js aggiunge rendering lato server, indirizzi e API, utili quando le pagine devono essere veloci e trovate su Google.

Potete lavorare sul nostro progetto React?

Sì. Prima leggiamo codice, dipendenze e deploy, poi ti diciamo cosa conviene tenere, aggiornare o riscrivere. Possiamo affiancare il vostro team o prendere in mano il progetto.

Fate anche solo il frontend?

Sì. Possiamo sviluppare il frontend React su API che esistono già, vostre o di terzi, oppure occuparci anche del backend in Node.js.

E se serve anche un’app per telefono?

Se il progetto lo chiede, l’app per iOS e Android usa lo stesso backend della webapp, e la pubblicazione sugli store la seguiamo noi. Ne parliamo nella pagina su webapp e app.

Lavorate anche per agenzie?

Sì, sviluppiamo frontend React e Next.js in white label partendo dai design delle agenzie. Ne parliamo nella pagina per le agenzie.

Prossimo servizioNode.js Backend, API e integrazioni in Node.js e TypeScript: la parte che non si vede di webapp, SaaS ed ecommerce, ordinata e documentata.
Il prossimo progetto

Un progetto in React?
Raccontacelo.

Nuovo o da riprendere: partiamo da cosa deve fare e da chi lo userà.

Parliamo del progetto ↗Sono un’agenzia ↗

Parliamone