Come ho creato monosoft.it con Cursor e l'IA
Perché questo progetto
Volevo un posto semplice dove raccontare i miei progetti fatti con l'intelligenza artificiale e condividere tutorial pratici. Niente siti complicati: solo contenuti chiari, in italiano e inglese.
La cosa bella è che ho costruito proprio questo sito usando Cursor e l'IA — ed è il primo tutorial che pubblichiamo.
Cosa abbiamo usato
- Next.js — il framework per il sito
- Vercel — dove il sito viene pubblicato online
- Neon — il database dove salviamo tutorial e progetti
- Cursor — l'editor con intelligenza artificiale che mi ha aiutato a scrivere il codice
Non serve essere programmatori esperti. L'idea è spiegare tutto passo dopo passo.
Passo 1 — L'idea
Ho definito cosa volevo:
- Una home accogliente, non troppo tecnica
- Una sezione progetti
- Tutorial pratici in italiano e inglese
- Un pannello admin per aggiungere contenuti dal browser
Passo 2 — Creare il progetto
Con Cursor ho chiesto di creare un progetto Next.js con:
npx create-next-app@latest monosoft
Poi abbiamo aggiunto Tailwind per lo stile, next-intl per le due lingue, e Drizzle per parlare con il database Neon.
Passo 3 — Il design semplice
Ho scelto colori caldi e morbidi:
- Sfondo crema (
#FAF8F5) - Verde salvia come colore principale
- Angoli arrotondati e tanto spazio bianco
L'obiettivo è far sentire chi legge a suo agio, non intimidito dal codice.
Passo 4 — Il database
Su Neon ho creato un database PostgreSQL gratuito e collegato la stringa di connessione al progetto.
Le tabelle principali:
- tutorials — titolo, contenuto, lingua, tag, pubblicato sì/no
- projects — progetti con descrizione, link demo e GitHub
Passo 5 — Il pannello admin
Da /admin posso:
- Accedere con email e password
- Creare e modificare tutorial
- Creare e modificare progetti
- Scegliere se pubblicare o tenere in bozza
Tutto bilingue: scrivo titolo e contenuto sia in italiano che in inglese.
Passo 6 — Deploy su Vercel
- Ho collegato il repository GitHub a Vercel
- Ho aggiunto le variabili d'ambiente (
DATABASE_URL,AUTH_SECRET, ecc.) - Ho collegato il dominio monosoft.it
Fatto — il sito è online.
Cosa imparare da questo
- Non serve partire con un sito perfetto: si parte con una versione semplice e si migliora
- L'IA (Cursor) accelera molto, ma le decisioni — cosa scrivere, come presentarlo — restano tue
- Un tutorial pratico vale più di mille slide teoriche
Prossimi passi
Nei prossimi tutorial vedremo come:
- Aggiungere immagini ai tutorial
- Collegare un repository GitHub ai progetti
- Migliorare la home con nuovi contenuti
Hai domande? Scrivimi — e nel frattempo prova tu a creare qualcosa di simile, un passo alla volta.