Presentando snippet: Un Elegante Generador de Fragmentos de Código con Next.js 15
Me complace presentar snippet, un nuevo proyecto de código abierto que acabo de publicar en GitHub. Esta herramienta te permite transformar tus fragmentos de código en imágenes PNG elegantes y profesionales, perfectas para compartir en redes sociales como X (Twitter), LinkedIn, o en tus presentaciones. Construida con Next.js 15 y Tailwind CSS, ofrece una experiencia moderna e intuitiva.
¡Úsalo directamente en línea! Crea y comparte tus fragmentos de código en pocos clics en https://snippet.timoner.com
🚀 Características Principales
- Soporte para más de 30 lenguajes de programación
- Resaltado de sintaxis avanzado
- Exportación PNG de alta calidad optimizada para redes sociales
- Formatos vertical y horizontal adaptados a cada plataforma
- Interfaz de usuario intuitiva
🛠️ Tecnologías Utilizadas
- Frontend: Next.js 15, React, TypeScript
- UI: Tailwind CSS, Shadcn/UI, Radix UI
- Herramientas: html2canvas, react-syntax-highlighter
- Despliegue: Vercel
🔧 Instalación Local (opcional)
Si deseas contribuir o alojar tu propia instancia:
bash
📝 Ejemplo de Uso
La interfaz es simple e intuitiva:
- Ve a snippet.timoner.com
- Pega tu código en el editor
- Selecciona el lenguaje y personaliza la apariencia
- Exporta a PNG
- ¡Comparte directamente en tus redes sociales favoritas!
🎯 Puntos Fuertes
- Rendimiento: Optimizado para generación rápida
- Flexibilidad: Amplias opciones de personalización
- Moderno: Uso de las últimas versiones de tecnología
🤝 Contribución
El proyecto es de código abierto bajo licencia MIT. No dudes en:
- ⭐ Dar una estrella al repositorio
- 🐛 Reportar errores
- 💡 Sugerir mejoras
- 🔧 Contribuir al código
📚 Más Información
Para más detalles, consulta:
- El repositorio GitHub
- Documentación en el README
- La versión en línea
¿Tienes preguntas o sugerencias? Encuentra todos mis proyectos de código abierto y agenda una reunión para discutirlos en hub.timoner.com, o abre un issue directamente en GitHub.
