Integrazione con Clerk

Scopri come integrare Clerk con la tua app Lovable

​

Perché Clerk?

Clerk gestisce l’autenticazione e la gestione degli utenti, così non devi implementarli da zero. Con pochi prompt e alcuni passaggi di configurazione, ottieni:

• Accesso e registrazione sicuri (social, password, MFA)
• Componenti UI predefiniti: profili utente, gestione organizzazioni, impersonificazione utente
• Supporto per app B2B (team, ruoli, inviti)
• Integrazione con Supabase, Stripe (presto disponibile) e altro
• Modalità lista d’attesa per gestire l’accesso anticipato
• Generoso piano gratuito: 10.000 MAU

​

Guida passo passo all’integrazione

Ecco una guida passo passo:

1. Configura la tua app Clerk
2. Attiva modalità lista d’attesa (facoltativo)

   Perché usare una waitlist? – Raccogli i primi utenti ancora prima di lanciare la tua app!

   Usa la waitlist integrata di Clerk per raccogliere utenti prima del lancio dell’app.
3. Gestire utenti e team in Clerk

   Imposta l’accesso per team nella tua app.
4. Modalità di impersonazione (per gli amministratori)

   Che cos’è la modalità di impersonazione?

   Gli admin possono accedere come qualsiasi utente per risolvere i problemi

   Risolvi i problemi della tua app come se fossi un utente specifico.
5. Integrazione avanzata con Supabase

   Combina l’autenticazione di Clerk con il backend Supabase.

   

   Perché integrare con Supabase?

   • Archivia i dati utente in un database
   • Autenticazione sicura con token JWT
   • Collega l’autenticazione alle funzionalità dell’app

   Come integrare:
6. Aggiungi un dominio personalizzato (facoltativo)

   Perché usare un dominio personalizzato?

   Aumenta il riconoscimento del brand e la fiducia degli utenti

   Maggiori informazioni qui.
7. Conclusioni e prossimi passi

   La tua app ora include:

   • Autenticazione sicura con Clerk
   • Una waitlist per raccogliere i primi utenti
   • Funzionalità di gestione utenti e team
   • Integrazione con il database Supabase
   • Un dominio personalizzato professionale

​

Bonus: crea funzionalità B2B in pochi minuti

Clerk offre:

• Accesso basato sui ruoli per le organizzazioni
• Flussi di invito (via email, UI predefinita)
• Personalizzazione del profilo dell’organizzazione (logo, nome)
• Passaggio tra più organizzazioni (ad es. stile Slack)

Chiedi a Lovable di:

Aggiungere l’interfaccia per cambiare organizzazione

Consentire agli utenti di invitare i colleghi

​

Suggerimenti e risoluzione dei problemi

• Stai già usando Supabase Auth? Puoi passare a Clerk senza riscrivere la logica della tua app. Ti basta configurare correttamente JWT e sostituire il provider di autenticazione.
• Personalizzazione email: Clerk ti permette di modificare tutti i modelli di email transazionali (lista d’attesa, inviti, approvazioni).
• Accesso da mobile: Clerk supporta passkey, OTP e SMS — nessuna configurazione aggiuntiva necessaria in Dev Mode.
• Compliance: Clerk è conforme a SOC2, HIPAA e GDPR.

​

Domande frequenti (FAQ)

Posso passare facilmente da Supabase Auth a Clerk?

Sì. Clerk e Supabase funzionano bene insieme. Devi solo:

• Configurare Clerk per emettere JWT
• Aggiungere il secret JWT di Supabase in Clerk
• Aggiornare le policy RLS di Supabase per usare auth.uid() di Clerk

In questo modo puoi collegare Clerk a un’app esistente basata su Supabase con modifiche minime.

Devo configurare provider OAuth come Google o GitHub?

Solo in produzione. In modalità sviluppo, Clerk fornisce credenziali condivise per i test. Per la produzione:

• Configura le tue credenziali Google/GitHub/etc.
• Aggiungile in Clerk in OAuth settings

Qual è la differenza tra Organizations e Users?

• Users: individui che possono accedere alla tua app
• Organizations: gruppi di utenti (team, aziende)

Usa le organizations quando vuoi:

• Accesso basato sui ruoli (Admin, Member, ecc.)
• Consentire agli utenti di invitare i colleghi
• Flussi in stile SaaS B2B

Che cos'è la modalità “Impersonation”?

Consente agli amministratori di accedere come qualsiasi utente — estremamente utile per:

• Risolvere problemi degli utenti
• Comprendere la loro esperienza d’uso
• Fornire supporto in tempo reale

Clerk limita ciò che chi impersona può fare (ad esempio, niente modifiche alla password).

Posso personalizzare i componenti UI di Clerk?

Sì. Clerk offre:

• Pieno supporto CSS tramite le props appearance
• La possibilità di creare UI completamente personalizzate usando gli hook React di Clerk

Puoi mantenere l’aspetto predefinito oppure adattarlo completamente al brand della tua app.

Posso inviare email agli utenti in lista d'attesa da Clerk?

Al momento:

• Gli utenti vengono avvisati automaticamente quando vengono approvati dalla lista d’attesa
• Il supporto per email di massa arriverà presto

Per ora, esporta gli indirizzi email e usa il tuo strumento di email preferito.

Clerk è gratuito da usare?

Sì! Clerk ha un piano gratuito molto generoso:

• Fino a 10.000 Monthly Active Users (MAU), ovvero utenti attivi mensili
• I piani a pagamento partono da $25/mese, con tariffazione basata sull’utilizzo oltre quella soglia

Puoi usarlo in produzione senza pagare finché non inizi a scalare.

Clerk supporta la conformità (SOC2, HIPAA, GDPR)?

Sì. Clerk è:

• Certificato SOC 2
• Conforme a HIPAA
• Pronto per il GDPR

Ideale per i team che operano in settori regolamentati.

Posso usare Clerk con Stripe per la fatturazione?

In arrivo. Presto potrai:

• Definire piani (ad es. Free, Pro, Enterprise)
• Consentire a utenti/organizzazioni di gestire gli abbonamenti dall’UI di Clerk
• Sincronizzare automaticamente i dati con Stripe

Segui @clerkdev su X per gli aggiornamenti.

Vuoi aggiungere una domanda a questa FAQ? Faccelo sapere su Discord!

​

Considerazioni finali

Clerk trasforma l’autenticazione in un’istruzione. Non devi implementarla tu.

Con pochi clic e prompt, la tua app ora ha:

• Autenticazione sicura e scalabile
• Gestione di team e organizzazioni
• Strumenti di impersonazione per il debug
• Dati e controllo degli accessi basati su Supabase
• Supporto per domini personalizzati per un’esperienza utente curata