Chariot AI

Un sito per la tua attività in pochi minuti, anche se non sai nulla di tecnologia

Incasso mensile: 6900 USD (fonte indicata nella scheda)

Cosa fa

Crea siti per piccole attività e persone non esperte: si risponde a qualche domanda e il sito è pronto.

Come guadagna

Ha entrate ricorrenti ogni mese, verificate su TrustMRR. Prezzi e piani esatti sono indicati sul sito del progetto.

Rendilo tuo

• Un solo settore fatto benissimo: siti per B&B con calendario disponibilità.
• Dominio e scheda Google compresi.

Le frasi da scrivere all'AI

1. Base del sito e grafica

Crea un'app web in italiano chiamata "Sito Lampo": crea il sito di una piccola attività (parrucchiere, idraulico, ristorante, studio) rispondendo a 8 domande, e lo pubblica subito a un indirizzo proprio. Usa React, Vite, TypeScript e Tailwind CSS.

Pagine da creare:
1. Pagina iniziale con esempi di siti creati e prezzi
2. Registrazione e questionario guidato a passi
3. Editor del sito: modifica testi e foto cliccandoci sopra
4. Il sito pubblico all'indirizzo /s/:slug
5. Impostazioni: dominio personale, contatti, orari

Stile: semplice e incoraggiante: sfondo bianco, verde #059669, testo #0F172A, carattere "Inter"; i siti creati hanno 6 modelli grafici diversi. Nessuna immagine generica di stock.

Tutto deve funzionare perfettamente da telefono. Tutti i testi in italiano, chiari e senza parole tecniche.

2. Database, account e sicurezza

Collega il progetto a Supabase e attiva la registrazione con email e password.

Crea queste tabelle:
- "siti": slug, modello grafico, contenuti in JSON (titolo, sottotitolo, servizi, chi siamo, orari, contatti, foto), pubblicato o no, collegati all'utente

Regole di sicurezza obbligatorie:
- i siti pubblicati sono visibili a tutti
- solo il proprietario modifica il suo sito
- il piano non si modifica dal browser

Usa esattamente il codice SQL che trovi nei "Dettagli tecnici" di questa scheda: eseguilo nel SQL Editor di Supabase prima di continuare, poi collega le pagine alle tabelle.

3. Dal questionario al sito

Crea il questionario a passi, una domanda per schermata: nome dell'attività, cosa fa, città e zona servita, 3–6 servizi con prezzi facoltativi, cosa la rende diversa, orari, telefono e WhatsApp, 3–10 foto.

La Edge Function "sito" (un credito) chiede a Claude un JSON con i testi del sito: titolo, sottotitolo, descrizione dei servizi, chi siamo, 5 domande frequenti, titolo e descrizione per Google. Claude non inventa recensioni, premi o anni di esperienza.

Il sito pubblico /s/:slug si costruisce mettendo i testi nel modello grafico scelto (codice nei Dettagli tecnici). Pulsanti sempre visibili: Chiama, WhatsApp, Indicazioni.

4. Modifica e dominio

Crea l'editor visuale: si clicca su un testo per cambiarlo, su una foto per sostituirla, e si cambia modello grafico in un clic senza perdere i contenuti.

Per gli utenti Pro: collegamento del proprio dominio (es. www.idraulicorossi.it) con le istruzioni passo passo, modulo contatti che arriva per email, e statistiche delle visite e dei clic su Chiama e WhatsApp.

5. Pagamenti con Stripe

Aggiungi un abbonamento a 9 € al mese. Gratis l'utente ha: sito all'indirizzo /s/nome con la scritta "Fatto con Sito Lampo". Con il piano Pro sblocca: dominio personale, nessuna scritta, modulo contatti e statistiche.

A pagamento riuscito il webhook porta l'utente al piano Pro; se l'abbonamento viene disdetto o non rinnovato lo riporta al piano gratuito.

Per la sessione di pagamento e il webhook segui la guida "Pagamenti con Stripe" di Fattibile.

6. Controlli specifici di questo progetto

Oltre ai controlli della guida "Controllo finale", verifica in particolare:
1. Testi: crea 3 siti di attività diverse e controlla che non ci siano recensioni, numeri di clienti o anni di esperienza inventati.
Correggi quello che non va e scrivimi cosa hai cambiato.

Dettagli tecnici

Tabella dei siti

Ogni sito è un documento JSON di contenuti più il modello grafico: cambiare modello non tocca i testi.

create table siti (
  id uuid primary key default gen_random_uuid(),
  utente_id uuid not null references auth.users(id) on delete cascade,
  slug text not null unique check (slug ~ '^[a-z0-9-]{3,40}
  

),
  modello text not null default 'classico',
  contenuti jsonb not null default '{}',
  pubblicato boolean not null default false,
  dominio text unique,
  aggiornato_il timestamptz not null default now()
);
alter table siti enable row level security;

create policy "siti pubblicati visibili a tutti" on siti
  for select using (pubblicato or auth.uid() = utente_id);
create policy "modifico il mio sito" on siti
  for all using (auth.uid() = utente_id) with check (auth.uid() = utente_id);

La pagina pubblica dai contenuti

Il sito pubblico è un componente React che riceve i contenuti JSON e li mette nel modello: un solo codice per tutti i siti creati.

type Contenuti = {
  titolo: string; sottotitolo: string;
  servizi: { nome: string; descrizione: string; prezzo?: string }[];
  chiSiamo: string; orari: string; telefono: string; whatsapp?: string; indirizzo: string;
};

export function SitoPubblico({ c }: { c: Contenuti }) {
  const wa = c.whatsapp ? "https://wa.me/" + c.whatsapp.replace(/\D/g, "") : null;
  const mappa = "https://www.google.com/maps/search/?api=1&query=" + encodeURIComponent(c.indirizzo);
  return (
    <main>
      <header><h1>{c.titolo}</h1><p>{c.sottotitolo}</p></header>
      <section>
        <h2>Servizi</h2>
        {c.servizi.map((s) => (
          <article key={s.nome}><h3>{s.nome}</h3><p>{s.descrizione}</p>{s.prezzo && <b>{s.prezzo}</b>}</article>
        ))}
      </section>
      <section><h2>Chi siamo</h2><p>{c.chiSiamo}</p><p>{c.orari}</p></section>
      <nav className="azioni-fisse">
        <a href={"tel:" + c.telefono}>Chiama</a>
        {wa && <a href={wa}>WhatsApp</a>}
        <a href={mappa}>Indicazioni</a>
      </nav>
    </main>
  );
}

Istruzioni per l'AI: sito

Le istruzioni fisse che la Edge Function "sito" dà a Claude, che risponde in JSON. Il resto della funzione (accesso, crediti, rimborso se l'AI rifiuta) è uguale per tutti i progetti: è nella guida "Chiamare l'AI dal server".

Scrivi i testi del sito di una piccola attività italiana partendo dalle risposte del titolare. Testi semplici, concreti, in seconda persona plurale verso il cliente. Non inventare recensioni, premi, numeri di clienti o anni di esperienza. Rispondi solo con JSON: {"titolo", "sottotitolo", "servizi": [{"nome", "descrizione", "prezzo"}], "chiSiamo", "faq": [{"domanda", "risposta"}], "seoTitolo" (max 60 caratteri), "seoDescrizione" (max 155 caratteri)}.

Pezzi comuni a tutti i progetti

• Pagamenti con Stripe
• Profili, piano e crediti
• Chiamare l'AI dal server
• Controllo finale prima di pubblicare

Glossario

Slug

La parte finale e leggibile dell'indirizzo di una pagina, es. /pizzeria-da-mario.

JSONB

Un tipo di colonna che contiene dati strutturati flessibili, come un piccolo documento.