Présentation de snippet : Un générateur de snippets de code élégant avec Next.js 15
Je suis ravi de vous présenter snippet, un nouveau projet open source que je viens de publier sur GitHub. Cet outil vous permet de transformer vos extraits de code en images PNG élégantes et professionnelles, parfaites pour le partage sur les réseaux sociaux comme X (Twitter), LinkedIn, ou dans vos présentations. Construit avec Next.js 15 et Tailwind CSS, il offre une expérience moderne et intuitive.
Utilisez-le directement en ligne ! Créez et partagez vos snippets de code en quelques clics sur https://snippet.timoner.com
🚀 Principales caractéristiques
- Support de plus de 30 langages de programmation
- Coloration syntaxique avancée
- Export PNG haute qualité optimisé pour les réseaux sociaux
- Formats portrait et paysage adaptés à chaque plateforme
- Interface utilisateur intuitive
🛠️ Technologies utilisées
- Frontend : Next.js 15, React, TypeScript
- UI : Tailwind CSS, Shadcn/UI, Radix UI
- Outils : html2canvas, react-syntax-highlighter
- Déploiement : Vercel
🔧 Installation locale (optionnelle)
Si vous souhaitez contribuer ou héberger votre propre instance :
bash
📝 Exemple d'utilisation
L'interface est simple et intuitive :
- Rendez-vous sur snippet.timoner.com
- Collez votre code dans l'éditeur
- Sélectionnez le langage et personnalisez l'apparence
- Exportez en PNG
- Partagez directement sur vos réseaux sociaux préférés !
🎯 Points forts
- Performance : Optimisé pour une génération rapide
- Flexibilité : Options de personnalisation étendues
- Moderne : Utilisation des dernières versions des technologies
🤝 Contribution
Le projet est open source sous licence MIT. N'hésitez pas à :
- ⭐ Star le repository
- 🐛 Signaler des bugs
- 💡 Proposer des améliorations
- 🔧 Contribuer au code
📚 Plus d'informations
Pour plus de détails, consultez :
- Le repository GitHub
- La documentation dans le README
- La version en ligne
Vous avez des questions ou des suggestions ? Retrouvez tous mes projets open source et prenez rendez-vous pour en discuter sur hub.timoner.com, ou ouvrez directement une issue sur GitHub.
