Ortica
Parlons-en ↗
Ortica
Parlons-en
ciao@ortica.io

Développement React et Next.js

Des interfaces qui répondent.
Même avec beaucoup de données.

Nous développons des applications web et des interfaces en React et Next.js, en TypeScript : tableaux de bord, logiciels de gestion, portails et front-ends headless pour e-commerce et CMS. Celui qui dessine les écrans dans Figma est aussi celui qui écrit les composants.

Parlons du projet ↗Ce que nous faisons ↓
  • React
  • Next.js
  • TypeScript
  • Figma
Ce que nous faisons avec React

Des composants
à l’app en production.

  1. 01

    Applications web et tableaux de bord.

    Des interfaces pour y travailler toute la journée : tableaux avec filtres, longs formulaires, graphiques, droits différents selon les rôles. Elles restent rapides même avec beaucoup de lignes à l’écran.

    • React
    • TypeScript
    • Tableaux de bord
  2. 02

    Sites et plateformes en Next.js.

    Rendu côté serveur, pages statiques là où il le faut, images optimisées. Avec Payload CMS quand il faut une interface d’administration.

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

    Front-end headless.

    Une interface React devant Shopify, WooCommerce ou un backend que vous avez déjà, quand le thème standard ne suffit plus.

    • Headless
    • API
    • Ecommerce
  4. 04

    Design system dans le code.

    Les composants dessinés dans Figma deviennent une bibliothèque React avec les mêmes noms, variantes et états. Celui qui ajoutera un écran demain partira de là.

    • Figma
    • Composants
    • Accessibilité
  5. 05

    Projets à reprendre.

    Apps React restées sur de vieilles versions ou écrites par d’autres : nous lisons le code, nous mettons à jour par étapes et nous remettons en place les contrôles et les déploiements.

    • Mises à jour
    • Refactoring

Nos outils

Applications web et tableaux de bordSites et plateformes en Next.jsFront-end headlessDesign system dans le codeProjets à reprendre
ReactNext.jsTypeScriptFigma
React, Next.js ou autre chose ?

Le bon outil.
Pas celui à la mode.

React est la bibliothèque la plus répandue pour les interfaces web, et ça compte : documentation, bibliothèques et développeurs capables de lire le code même après nous.

Nous choisissons React quand

  • L’interface a beaucoup d’états et d’interactions
  • Les mêmes éléments reviennent sur plusieurs écrans
  • Le projet va grandir et changer de mains
  • Il y a déjà un backend ou des API à utiliser

Nous ajoutons Next.js quand

  • Les pages doivent être trouvées sur Google
  • La vitesse au premier chargement compte
  • Front-end et API sont mieux dans le même projet
  • Il faut une interface d’administration avec Payload CMS
Ce que nous soignons

Ce qui ne se voit pas.
Jusqu’à ce que ça manque.

  1. 01

    Accessibilité.

    Clavier, focus, libellés et contrastes pensés dès le départ, pas ajoutés à la fin.

  2. 02

    Vitesse.

    Moins de JavaScript envoyé au navigateur, des composants chargés quand il le faut, des données récupérées côté serveur quand c’est plus efficace.

  3. 03

    Contrôles et mises en production.

    Vérifications automatiques des types et des fonctions principales, et déploiements automatisés sur un environnement de test avant la mise en ligne.

Questions fréquentes

Sur React et Next.js,
on nous demande souvent.

Combien coûte une application web en React ?

Cela dépend du projet : écrans, rôles, intégrations et volume de données. Pour des interventions sur un projet React existant, on travaille souvent au forfait d’heures. Après une première analyse, nous vous envoyons un devis écrit.

React ou Next.js : lequel choisir ?

Next.js est construit sur React : ce ne sont pas des alternatives. React seul convient aux applications derrière un login ; Next.js ajoute le rendu côté serveur, le routage et les API, utiles quand les pages doivent être rapides et trouvées sur Google.

Pouvez-vous travailler sur notre projet React ?

Oui. Nous lisons d’abord le code, les dépendances et le déploiement, puis nous vous disons ce qu’il vaut mieux garder, mettre à jour ou réécrire. Nous pouvons épauler votre équipe ou reprendre le projet en main.

Vous faites aussi uniquement le front-end ?

Oui. Nous pouvons développer le front-end React sur des API qui existent déjà, les vôtres ou celles de tiers, ou nous occuper aussi du backend en Node.js.

Et s’il faut aussi une app mobile ?

Si le projet le demande, l’app iOS et Android utilise le même backend que l’application web, et nous nous chargeons de la publication sur les stores. Nous en parlons sur la page applications web et apps.

Vous travaillez aussi pour des agences ?

Oui, nous développons des front-ends React et Next.js en marque blanche à partir des maquettes des agences. Nous en parlons sur la page dédiée aux agences.

Service suivantNode.js Backend, API et intégrations en Node.js et TypeScript : la partie invisible des applications web, des SaaS et des boutiques en ligne, propre et documentée.
Le prochain projet

Un projet en React ?
Parlez-nous-en.

Nouveau ou à reprendre : nous partons de ce qu’il doit faire et de qui l’utilisera.

Parlons du projet ↗Je suis une agence ↗

Parlons-en