Vai al contenuto
CodeMyVibe

Come creare un portfolio online in vibe coding?

Un portfolio online è il tuo biglietto da visita: mostra i lavori migliori e fa capire subito chi sei. Con il vibe coding puoi crearlo senza scrivere una riga di codice e senza piegarti a un modello uguale a mille altri. Descrivi il tuo stile, carichi le immagini e un agente AI costruisce il portfolio, te lo mostra in anteprima e ti consegna il codice da mettere online.

Per chi è e cosa puoi mostrare

Un portfolio fatto su misura è utile a chiunque lavori con le immagini o con i progetti:

  • illustratori, con gallerie divise per serie o per cliente;
  • fotografi, con matrimoni, ritratti o reportage in sezioni separate;
  • designer grafici, UX o di interni, con casi studio che raccontano il problema e la soluzione;
  • freelance di ogni tipo, dal copywriter allo sviluppatore, con servizi, lavori e contatti.

L'importante è che il portfolio rispecchi il tuo modo di lavorare, e con il vibe coding sei tu a dire come deve essere.

Come crearlo passo dopo passo

  1. Presentati nella chat: cosa fai, per chi lavori, che atmosfera vuoi dare.
  2. Allega le immagini dei tuoi lavori direttamente nella conversazione. L'agente le sistema nelle gallerie.
  3. Pianifica, se ti aiuta: in modalità Pianifica decidi con l'agente le sezioni e l'ordine dei progetti, senza che tocchi i file.
  4. Segui l'anteprima dal vivo accanto alla chat e controllala anche in vista telefono.
  5. Rifinisci con il puntatore: indichi una galleria, un titolo o uno spazio e scrivi cosa cambiare.
  6. Mostralo e mettilo online: l'indirizzo di anteprima privato nome.previewmyvibe.com lo vedi solo tu e chi autorizzi; per pubblicarlo scarichi il codice completo e lo carichi sull'hosting che preferisci. La pubblicazione con un clic sul nostro hosting è in arrivo.
Prova a chiedere Crea il mio portfolio da fotografo di matrimoni in Puglia: home con una foto a tutto schermo, gallerie Matrimoni, Coppie e Dettagli, una pagina Chi sono e un modulo contatti con data dell'evento e località.

Un esempio di richiesta ben fatta

Ecco una richiesta che dà all'agente tutto quello che gli serve: «Portfolio per Sara Neri, illustratrice di libri per bambini a Milano. Stile morbido, colori pastello, tanto spazio bianco. Home con le tre illustrazioni più belle, galleria divisa in Albi illustrati, Editoriale e Personali, una pagina Chi sono con una foto e una pagina Contatti con email e Instagram».

Funziona perché indica il nome, il tipo di lavoro, lo stile visivo, le categorie della galleria e le pagine. L'agente non deve tirare a indovinare e la prima versione è già vicina a quello che hai in mente.

Cosa ottieni

  • Gallerie ordinate che valorizzano le immagini, su telefono e computer.
  • Caricamento dei file: quando il progetto lo richiede, l'agente predispone l'upload di immagini e file, che vedi nella scheda Backend.
  • Un pannello admin pronto per aggiungere nuovi lavori, cambiare testi e gestire i file nel tempo.
  • Un codice QR che porta al portfolio, da stampare sul biglietto da visita o da mostrare alle fiere.
  • Versioni salvate con changelog, così puoi provare un nuovo layout e tornare indietro.

Consigli per un portfolio che lascia il segno

  • Scegli pochi lavori, i migliori. Dieci progetti forti valgono più di cinquanta mediocri.
  • Racconta il contesto: per ogni progetto, due righe su cliente, obiettivo e risultato.
  • Descrivi lo stile con parole precise o allega lo screenshot di un sito che ti ispira.
  • Usa le tue immagini vere per i lavori; le immagini generate con l'AI sono utili per sfondi o dettagli decorativi.
  • Metti i contatti ben in vista, in alto e in fondo a ogni pagina.

Come organizzare i lavori nel portfolio

Prima di scrivere la richiesta, prenditi dieci minuti per decidere come vuoi raccontare il tuo lavoro. Le strade più comuni sono tre:

  • Per categoria: ritratti, eventi, still life. È la scelta più chiara per fotografi e illustratori che fanno cose diverse.
  • Per cliente o progetto: ogni lavoro ha la sua pagina con immagini, contesto e risultato. È ideale per designer e freelance che vogliono mostrare un metodo.
  • Per anno o per serie: funziona bene per chi ha una ricerca personale e vuole far vedere un percorso.

Scrivi la struttura scelta nella chat, con i nomi delle categorie e l'elenco dei progetti. Per ogni caso studio puoi indicare titolo, cliente, anno e due righe di descrizione: l'agente costruirà pagine coerenti tra loro. Se cambi idea, una nuova richiesta riorganizza tutto e la versione precedente resta sempre disponibile.

Mettere online il portfolio

Quando il portfolio ti convince, scarichi il codice completo in un file ZIP, anche gratis, pronto per Docker o per un normale hosting, e lo carichi sull'hosting che preferisci. In alternativa lo sincronizzi con GitHub, GitLab o Bitbucket, dove ogni versione diventa un commit. La pubblicazione con un clic sul nostro hosting è in arrivo.

Il portfolio cresce con te: quando finisci un nuovo lavoro lo aggiungi dal pannello admin o lo chiedi all'agente nella chat. Se vuoi ritoccare un dettaglio a mano, c'è l'editor di codice integrato, lo stesso di VS Code. Una volta online, condividi il link ovunque: nella bio dei social, nella firma delle email, sul biglietto da visita con il codice QR. Un portfolio aggiornato e facile da trovare lavora per te anche quando non ci sei.

Domande frequenti

Posso caricare le mie foto e illustrazioni?

Sì. Puoi allegarle nella chat e, se lo chiedi, l'agente predispone anche il caricamento dei file dal pannello admin.

Il portfolio si vede bene sul telefono?

Sì, viene costruito per adattarsi a ogni schermo e puoi controllarlo in anteprima in vista telefono prima di pubblicarlo.

Posso cambiare lo stile dopo averlo pubblicato?

Certo. Chiedi la modifica nella chat: ogni cambiamento crea una nuova versione e puoi sempre tornare a quella precedente.

Il codice del mio portfolio è mio?

Sì. Puoi scaricare il codice sorgente completo in un file ZIP in qualsiasi momento, anche gratis, o sincronizzarlo con GitHub, GitLab o Bitbucket.

Crea il tuo account e inizia subito

Descrivi il tuo progetto e guardalo prendere forma in pochi minuti.

Inizia gratis Gratis, senza carta di credito.