Presentazione di snippet: Un Elegante Generatore di Snippet di Codice con Next.js 15
Sono lieto di presentare snippet, un nuovo progetto open source che ho appena pubblicato su GitHub. Questo strumento ti permette di trasformare i tuoi snippet di codice in eleganti e professionali immagini PNG, perfette per la condivisione sui social network come X (Twitter), LinkedIn, o nelle tue presentazioni. Costruito con Next.js 15 e Tailwind CSS, offre un'esperienza moderna e intuitiva.
Usalo direttamente online! Crea e condividi i tuoi snippet di codice in pochi clic su https://snippet.timoner.com
🚀 Caratteristiche Principali
- Supporto per oltre 30 linguaggi di programmazione
- Evidenziazione sintassi avanzata
- Export PNG di alta qualità ottimizzato per i social media
- Formati verticali e orizzontali adattati a ogni piattaforma
- Interfaccia utente intuitiva
🛠️ Tecnologie Utilizzate
- Frontend: Next.js 15, React, TypeScript
- UI: Tailwind CSS, Shadcn/UI, Radix UI
- Strumenti: html2canvas, react-syntax-highlighter
- Deployment: Vercel
🔧 Installazione Locale (opzionale)
Se vuoi contribuire o ospitare la tua istanza:
bash
📝 Esempio di Utilizzo
L'interfaccia è semplice e intuitiva:
- Vai su snippet.timoner.com
- Incolla il tuo codice nell'editor
- Seleziona il linguaggio e personalizza l'aspetto
- Esporta in PNG
- Condividi direttamente sui tuoi social network preferiti!
🎯 Punti di Forza
- Performance: Ottimizzato per la generazione rapida
- Flessibilità: Ampie opzioni di personalizzazione
- Moderno: Utilizzo delle ultime versioni tecnologiche
🤝 Contribuire
Il progetto è open source sotto licenza MIT. Sentiti libero di:
- ⭐ Mettere una stella al repository
- 🐛 Segnalare bug
- 💡 Suggerire miglioramenti
- 🔧 Contribuire al codice
📚 Maggiori Informazioni
Per maggiori dettagli, consulta:
- Il repository GitHub
- Documentazione nel README
- La versione online
Hai domande o suggerimenti? Trova tutti i miei progetti open source e prenota un incontro per discuterne su hub.timoner.com, o apri direttamente una issue su GitHub.
