Come creare una bacheca di lavoro con l'AI

Prima di scrivere i prompt, definisci la versione minima utile. La maggior parte delle bacheche di lavoro non ha bisogno, fin dal primo giorno, di un dashboard complesso per i datori di lavoro.

Una prima versione pratica di solito include:

• una homepage con ricerca e ruoli in evidenza
• una pagina elenco con filtri
• una pagina di dettaglio dell’annuncio
• un modulo di candidatura o un link esterno per candidarsi
• una pagina chi siamo o prezzi, se prevedi di far pagare i datori di lavoro

Decidi chi sono gli utenti:

• candidati che navigano e si candidano
• datori di lavoro che pubblicano offerte, se in futuro vuoi la pubblicazione self-service
• un amministratore, se vuoi revisionare le segnalazioni

Poi elenca i dati per ogni annuncio. I campi comuni sono:

• titolo del lavoro
• nome dell’azienda
• località
• stato da remoto o in presenza
• fascia salariale
• tipo di contratto
• categoria o team
• descrizione
• URL di candidatura o modulo di candidatura
• data di pubblicazione

Se vuoi solo una bacheca curata, all’inizio potresti non aver bisogno dell’accesso. Se i datori di lavoro devono inviare loro stessi le offerte, allora aggiungi più avanti database e accesso con Supabase.

Il tuo primo prompt dovrebbe sembrare una breve specifica. Sii preciso su pagine, campi, layout e interazioni. Moremade trasforma una descrizione in linguaggio naturale in un’anteprima live dell’app e scrive il codice sorgente per essa.

Un primo prompt utile indica:

• il tipo di sito
• le pagine richieste
• i campi dati per gli annunci
• i filtri e il comportamento della ricerca
• lo stile visivo
• cosa deve succedere quando qualcuno clicca su Candidati

Esempio di prompt:

Crea un sito di job board per ruoli tech e design. Usa un layout pulito e semplice con una homepage, una pagina elenco delle offerte e una pagina di dettaglio dell’offerta. Ogni offerta deve mostrare titolo, azienda, località, stato da remoto, fascia salariale, tipo di contratto, categoria, data di pubblicazione e un breve riepilogo. Aggiungi ricerca per parola chiave e filtri per località, categoria, stato da remoto e tipo di contratto. Nella pagina di dettaglio, includi una descrizione completa e un pulsante Candidati. Per ora, fai aprire a Candidati una pagina con un modulo di candidatura invece di un link esterno. Usa tipografia chiara e card e moduli ottimizzati per dispositivi mobili.

Una volta che Moremade genera la prima versione, rivedila come se fosse un prototipo funzionante e non un prodotto finito. Naviga tra le pagine, controlla gli spazi, prova i filtri e verifica se le informazioni sui lavori sono facili da leggere rapidamente.

Fai richieste di follow-up piccole e concrete invece di riscrivere tutto il brief. Di solito produce iterazioni più pulite.

Tre esempi di prompt di follow-up:

• "Cambia la pagina elenco in un layout a due colonne su desktop, con i filtri in una sidebar a sinistra e i risultati a destra. Su mobile mantieni i filtri in un drawer."
• "Aggiungi badge per Remoto, Full-time e fascia salariale su ogni card dell’offerta, e rendi il nome dell’azienda e la data di pubblicazione meno evidenti rispetto al titolo."
• "Nella pagina di dettaglio, sposta il pulsante Candidati più in alto, aggiungi un pannello riepilogativo sticky su desktop e mostra località, tipo di contratto e salario in una riga di metadati compatta."

Se un elemento specifico non va bene, usa l’inspector visivo per indicarlo e descrivere la modifica. Se vuoi controllare o modificare direttamente i dettagli di implementazione, usa la vista codice.

Una bacheca statica di esempio basta per il design e la struttura, ma una bacheca reale di solito ha bisogno di dati salvati sugli annunci. In Moremade, Supabase è l’opzione integrata per database, accesso e archiviazione file.

Usa Supabase se ti serve:

• che i datori di lavoro possano inviare offerte
• che gli amministratori possano revisionare o modificare gli annunci
• che i candidati possano creare un account
• loghi o allegati caricati

Un passo successivo sensato è chiedere una tabella jobs e un semplice flusso di invio. Per esempio, potresti chiedere a Moremade di collegare Supabase e creare un modulo che scriva i nuovi annunci nel database.

Non ti servono pagamenti, a meno che i datori di lavoro non paghino per pubblicare. Se la tua bacheca è gratuita, per ora puoi saltare Stripe.

Aggiungi Stripe solo se vuoi un flusso di pubblicazione a pagamento, ad esempio:

• il datore di lavoro sceglie un piano di pubblicazione
• checkout con un prezzo impostato da te
• il datore di lavoro ottiene accesso a un modulo di invio dopo il pagamento

Mantieni semplice la prima release. Ricerca, filtri e un flusso di candidatura affidabile contano più dei sistemi di account, che molte bacheche iniziali non usano mai.

Le job board ricevono molto traffico da mobile, quindi controlla con attenzione l’esperienza su schermi piccoli. Un layout che su desktop sembra buono spesso si rompe quando filtri, titoli lunghi e moduli competono per lo spazio.

Verifica questi punti:

• il campo di ricerca e i controlli dei filtri sono facili da usare con i pollici
• le card non diventano troppo alte o visivamente caotiche
• salario, località e stato da remoto restano leggibili su schermi stretti
• il pulsante Candidati è evidente nella pagina di dettaglio
• il modulo di candidatura è breve e utilizzabile da mobile

Se qualcosa sembra stretto, chiedi correzioni specifiche. Per esempio:

• "Riduci il padding verticale delle card degli annunci su mobile e mantieni i metadati su due righe compatte."
• "Trasforma i chip filtro desktop in un pannello slide-over su mobile."
• "Rendi il modulo di candidatura a colonna singola su tutte le dimensioni dello schermo e aumenta l’altezza dei campi per l’uso touch."

Testa anche gli stati vuoti. Una job board ha bisogno di un messaggio decente per nessun risultato e di un’azione chiara per reimpostare i filtri.

Quando la bacheca funziona, pubblicala. Moremade può pubblicare con un clic su un sottodominio gratuito yourname.moremade.ai. È utile per la revisione, i test interni o un lancio iniziale.

Se hai un piano a pagamento, puoi collegare un dominio personalizzato. Puoi anche acquistare domini dentro Moremade.

Un rollout pratico potrebbe essere così:

• pubblica su un sottodominio Moremade
• testa il sito live su desktop e mobile
• controlla moduli, link e caricamento delle pagine
• collega il dominio personalizzato quando la struttura è definita

Poiché il progetto è vero codice React + Tailwind, puoi esportare il sorgente completo in ZIP in qualsiasi momento oppure inviarlo a GitHub. È importante se vuoi cambiare hosting, consegnare il codice a uno sviluppatore o estendere il progetto fuori dall’editor in un secondo momento.

La maggior parte dei problemi nasce dal chiedere troppo al primo tentativo o dall’aggiungere sistemi prima che servano davvero.

Fai attenzione a questi errori:

• Partire con troppi tipi di utenti. Se inizi con candidati, datori di lavoro e amministratori tutti insieme, l’app diventa rapidamente complessa.
• Prompt vaghi. "Crea una moderna job board" non basta. Nomina pagine, campi e azioni.
• Sovradimensionare i pagamenti. Se nessuno sta ancora pagando, non aggiungere Stripe finché il flusso di pubblicazione non è stato validato.
• Ignorare la struttura dei dati degli annunci. I filtri funzionano bene solo se campi come località, tipo di contratto e categoria sono definiti in modo coerente.
• Saltare la revisione mobile. Metadati densi e controlli dei filtri spesso diventano scomodi sui telefoni.
• Modificare troppo tutto insieme. Piccoli cambiamenti sono più facili da verificare rispetto a un redesign completo a ogni iterazione.

Per un primo lancio, punta alla chiarezza: ricerca efficace, filtri utili, pagine di dettaglio leggibili e un flusso di candidatura che funzioni.