Perché ho scelto Next.js per il mio portfolio

Costruire un sito portfolio può sembrare semplice, ma scegliere il framework giusto può fare una grande differenza nella developer experience. Dopo aver sperimentato diverse opzioni, sono arrivato a Next.js — ed ecco perché.

Il vantaggio dell'SSR

Il Server-Side Rendering non è solo una parola di moda. Per un sito portfolio significa:

Caricamenti iniziali più rapidi — il contenuto è pronto prima ancora che JavaScript venga eseguito
SEO migliore — i motori di ricerca possono leggere HTML già renderizzato
Condivisioni social migliori — i tag Open Graph funzionano subito

"Il miglior framework è quello che non ti ostacola e allo stesso tempo ti dà superpoteri."

Panoramica dello stack tecnico

Ecco cosa alimenta questo sito:

Tecnologia	Scopo
Next.js 15	Framework con App Router
tRPC	API type-safe end-to-end
Prisma	ORM per il database
Supabase	Hosting PostgreSQL
Tailwind CSS	Styling utility-first
Catppuccin	Palette colori del tema

Esempio di codice

Configurare un router tRPC per i post del blog è sorprendentemente pulito:

export const blogRouter = createTRPCRouter({
  getAll: publicProcedure
    .input(z.object({ q: z.string().optional() }).optional())
    .query(async ({ ctx, input }) => {
      return await ctx.db.blogPost.findMany({
        where: { published: true },
        orderBy: { publishDate: "desc" },
      });
    }),
});

Punti chiave

Parti dall'SSR se la SEO è importante
Usa TypeScript end-to-end — tRPC lo rende naturale
Non sovra-progettare subito — pubblica prima, ottimizza dopo
Scegli un design system che ti piace — Catppuccin mantiene tutto coerente

Prossimi passi

Ho in programma di aggiungere elementi più interattivi, come:

Una timeline dei progetti con animazioni
Playground live di codice per le demo
Toggle tema chiaro/scuro (in arrivo)