Immédiat

• Ajouter l'extension eslint unused-imports

• Séparer les config dans un autre répertoire pour + de lisibilité

• Déplacer la partie Supabase de l'app => paquet. Ce projet le fait partiellement par exemple: https://github.com/jakubczarnowski/t3-turbo-template/blob/main/packages/validators/src/index.ts

• Reproduire timebox.so

• Publier le boilerplate sur github

TODO: protéger ses server actions

  experimental: {
    serverActions: {
      allowedOrigins: ['my-proxy.com', '*.my-proxy.com'],
    },
  },

• Voir Vite et Vitest
  • test d'une lib
  • test end to end d'une ui

Idées en cours:

• app pour les pet sitters:
  • cible: petsitter/sittés
  • parcours:
    • un petsitter créé un compte (nom/ertc)
    • il créé une mission:
      • date de début, date de fin thérique
      • taches à effectuer:
        • nom de la tache, fréquence, type de tache (photo ou action text à cocher)
    • il envoit un lien au pet sitté
  • avec le lien, le petsitté accède à la fiche mission
    • il voit 'historique
  • a la date de début, chaque jour, la liste des taches à faire est affichée, elles peuvent être cochées, on peut ajouter des photos du jours
  • à la fin de la mission, on peut supprimer tout ou garder, demander l'avis de la personne, ...

Backoffice: juste pour la partie gestion de l'app, vue des stats, config, etc.

La création de compte doit être fluide au moment ou c'est intéressant Stockage images peut être lourd En quoi c'est mieux qu'un mail? En rien... Pas de valeur ajoutée quoi. Sauf si on peut "certifier" un pet sitter par exemple?

• une photo/vidéo par jour

• un report de checklist et un commentaire

• alerting élément important

• Voir React-query / tanstack

• liste de models d'AI pour coder: https://itsfoss.com/coding-llms-copilot-alternatives/?ref=dailydev

• Faire un site stupide rapide avec tous lmes symboles https://www.toptal.com/designers/htmlarrows/symbols/

  • next => vercel rapide
  • récupérer le contenu du site one shot (même à la main osef ça change pas)
  • kbard et page dédiée par signe

• https://github.com/jpedroschmitz/typescript-nextjs-starter

• Ajouter vitest

• caractères html https://www.toptal.com/designers/htmlarrows/symbols/

• mettre une doc pour installer ça rapidement (cf https://github.com/allaboutapps/next-starter)

• ajouter storybook

• carousel

• un backend de fortune simplement et rapidement

• Type-safe search params state manager for Next.js

• Librairie de hook pour react

• starter avec des bonnes choses dedans https://app-router.vercel.app/ Lire ces articles: https://unicorn-utterances.com/collections/react-beyond-the-render

Etapes suivantes:

• Mutualiser du code si il y en a

  • grouper les actions some toutes génériques et muti utilisable
  • Déplacer dans la lib mui comme ça le code de l'app est + léger et c'est mieux rangé (plus de component dans l'app, juste des containers)

• Ajouter une authetification emai/mot de passe => on prend la place d'un user

Fonctoin:

• lister les utilisateurs

• consulter la page d'un

• editer un utilisateur (mettre à jour le rôle et le nom des utilisateurs )

• Ajouter un test end to end avec https://playwright.dev/docs/writing-tests par exemple

• gérer le cas de "pas de connexion internet"

Grandes lignes

• Mise en maintenance de l'app

• trpc pour communiquer avec le back

• Edition de contenu avec Tiptap

• Authentification avec Clerk

• Nextjs et les cookies: https://blog.logrocket.com/guide-cookies-next-js/#:~:text=To%20read%20incoming%20request%20cookie,cookies()%3B%20const%20userId%20%3D%20cookieStore.

Comptes et secrets

Vercel

• Team ID team_hNpTGI7P0CqAXLsIqcPysqgL
• User ID 1v7Cw1UpSbAKIxeupCKNBKGf
• TOKEN EiW3cgfPcTNNitHRwIJ6gC9f
• Project ID
  • Backoffice: prj_ME5ja0b8Gv3AypT20Hb0Yw3NycOS
  • Web: prj_tPzxqGThwdztD7xL87BcWVNqOc3N
• api token BKGUEV2HMQ633Qi4GY4HWLAT (for pulling config or push deployments)

Backoffice

• Prod
  • Github:
    • BACKOFFICE_AUTH_GITHUB_ID=Ov23li3MdpCXp1wex0u5
    • BACKOFFICE_AUTH_GITHUB_SECRET=9244616d0236ee714af1e8eab8fab2a9eb2dc56b
    • Callback URL: https://supercalifragilisticexpialidocious.devo.fr/api/auth/callback/github
• Preview :
  • Github:
    • BACKOFFICE_AUTH_GITHUB_ID=Ov23lieDh1Qrm5fe6qwf
    • BACKOFFICE_AUTH_GITHUB_SECRET=86bfdd92e3e2acacde163568a8bc94eba8065775
    • Callback URL: https://backend.preview.devo.fr/api/auth/callback/github
• Dev:
  • Github:
    • BACKOFFICE_AUTH_GITHUB_ID=Ov23ligEOii5tnd5Q4G1
    • BACKOFFICE_AUTH_GITHUB_SECRET=0b01e478b1ee5d5d79249b6bc5d34a7d6cd9de6c
    • Callback URL: https://supercalifragilisticexpialidocious.devo.fr/api/auth/callback/github

Web

Supabase

• DB password: 44J7LUhcMBkYfqx7cFjGvO
• postgresql://postgres.zxpilxalfiqzlmrouobb:[YOUR-PASSWORD]@aws-0-eu-west-2.pooler.supabase.com:6543/postgres

postgresql://postgres.zxpilxalfiqzlmrouobb:44J7LUhcMBkYfqx7cFjGvO@aws-0-eu-west-2.pooler.supabase.com:6543/postgres

• DB Password: 44J7LUhcMBkYfqx7cFjGvO
• postgresql://postgres.wawulehzccgylokyasbm:[YOUR-PASSWORD]@aws-0-eu-central-1.pooler.supabase.com:6543/postgres => postgresql://postgres.wawulehzccgylokyasbm:44J7LUhcMBkYfqx7cFjGvO@aws-0-eu-central-1.pooler.supabase.com:6543/postgres

Neon provider

https://console.neon.tech/app/projects/sweet-recipe-85776402/branches/br-tiny-sun-a5zs1y52/tables?database=fs

• BD_POSTGRESQL_URL="postgresql://fs_owner:kr2RJByNQx7z@ep-lively-bird-a5j8tje9.us-east-2.aws.neon.tech/fs_production?sslmode=require"