Russian with Julia

La plupart des sites font l'un ou l'autre : un one-page de présentation, ou bien une vraie application qui demande de se connecter dès l'arrivée. Ici les deux cohabitent. Tout le marketing reste public, instantanément consultable. La connexion n'apparaît qu'au moment où elle a vraiment du sens (acheter un pack ou retrouver ses cours déjà achetés). Pas de mur d'authentification au premier contact, mais une vraie session sécurisée pour la partie payante.

Les élèves comme la prof se connectent en recevant un lien à usage unique sur leur email : un clic, et la session est ouverte. Aucun mot de passe à créer, à mémoriser, à oublier ou à réinitialiser. Côté technique, c'est Convex Auth qui gère le flow, avec Resend pour l'envoi des emails depuis un domaine professionnel vérifié. Le passage en production a demandé de configurer des records DNS spécifiques (SPF, DKIM) sur la zone du domaine pour garantir que les emails arrivent bien dans la boîte de réception et pas en spam.

L'élève choisit un créneau et paie via Stripe. Dès que le paiement est confirmé côté serveur, un évènement Google Calendar est créé automatiquement dans l'agenda de la prof, avec un lien de visioconférence généré à la volée et l'élève invité. Toute la chaîne (paiement, écriture en base de données, création de l'évènement, envoi de l'invitation) tient en quelques secondes. La prof n'a strictement rien à faire entre la réservation et le rendez-vous lui-même.

Cloudflare R2 a été choisi plutôt qu'AWS S3 pour une raison simple : R2 ne facture pas la bande passante sortante, là où S3 facture chaque gigaoctet servi. Sur de la diffusion vidéo, c'est ce poste-là qui explose en premier. Les 10 Go de stockage gratuits suffisent largement pour des cours de langue, et même en dépassant, le coût reste minime. Surtout, c'est une vraie alternative aux abonnements Podia ou Teachable à 20-40€/mois qui étaient l'option à éviter. L'admin uploade ses fichiers directement depuis son navigateur via une URL pré-signée : la vidéo ne transite jamais par le serveur Next.js, ce qui évite les frais de proxy et accélère les uploads.

La carte est rendue par dotted-map, une petite bibliothèque qui transforme une carte du monde en grille de points stylisée. Première tentative pour placer les noms des villes : un algorithme automatique qui devait éviter les chevauchements de labels, avec des traits pointillés reliant chaque nom à son point. Trop fragile, et le rendu paraissait robotique. Bascule vers un système manuel : en mode développeur, un overlay permet de placer chaque label à la souris, les positions sont stockées en local, et un bouton exporte le JSON à coller dans le code pour la production. Résultat humain, ajustable en deux minutes quand un nouveau pays s'ajoute.

Le domaine, le compte de paiement Stripe, le compte d'envoi d'emails Resend, l'accès Google Cloud : tout est ouvert au nom de la prof, pas du développeur. Mes accès se limitent à des credentials temporaires partagés en visio le temps de configurer les services. Si demain elle change de développeur, tout reste en place et lui appartient (aucune migration à faire). Cette logique est documentée dans le code source du projet sous forme d'ADR (Architecture Decision Record), réutilisable comme modèle sur les prochains projets freelance.