snippet का परिचय: Next.js 15 के साथ एक सुंदर कोड स्निपेट जनरेटर

मैं snippet का परिचय देते हुए खुश हूं, एक नया ओपन-सोर्स प्रोजेक्ट जिसे मैंने अभी GitHub पर प्रकाशित किया है। यह टूल आपके कोड स्निपेट को सुंदर और पेशेवर PNG छवियों में बदलने की सुविधा देता है, जो X (Twitter), LinkedIn, या आपकी प्रस्तुतियों में साझा करने के लिए बिल्कुल सही हैं। Next.js 15 और Tailwind CSS के साथ निर्मित, यह एक आधुनिक और सहज अनुभव प्रदान करता है।

सीधे ऑनलाइन उपयोग करें! > https://snippet.timoner.com पर कुछ ही क्लिक में अपने कोड स्निपेट बनाएं और साझा करें

🚀 मुख्य विशेषताएं

• 30 से अधिक प्रोग्रामिंग भाषाओं का समर्थन
• उन्नत सिंटैक्स हाइलाइटिंग
• सोशल मीडिया के लिए अनुकूलित उच्च गुणवत्ता वाला PNG निर्यात
• हर प्लेटफॉर्म के लिए अनुकूलित पोर्ट्रेट और लैंडस्केप फॉर्मेट
• सहज उपयोगकर्ता इंटरफ़ेस

🛠️ प्रयुक्त तकनीकें

• फ्रंटएंड: Next.js 15, React, TypeScript
• UI: Tailwind CSS, Shadcn/UI, Radix UI
• टूल्स: html2canvas, react-syntax-highlighter
• डिप्लॉयमेंट: Vercel

🔧 स्थानीय इंस्टॉलेशन (वैकल्पिक)

यदि आप योगदान करना या अपना इंस्टेंस होस्ट करना चाहते हैं:

bash
1# रिपॉजिटरी क्लोन करें
2git clone https://github.com/offroadlabs/snippet.git
3cd snippet
4
5# निर्भरताएं इंस्टॉल करें
6bun install
7
8# विकास सर्वर शुरू करें
9bun dev

📝 उपयोग का उदाहरण

इंटरफ़ेस सरल और सहज है:

1. snippet.timoner.com पर जाएं
2. एडिटर में अपना कोड पेस्ट करें
3. भाषा चुनें और दिखावट को कस्टमाइज़ करें
4. PNG में निर्यात करें
5. सीधे अपने पसंदीदा सोशल नेटवर्क पर साझा करें!

🎯 मजबूत बिंदु

• प्रदर्शन: तेज जनरेशन के लिए अनुकूलित
• लचीलापन: व्यापक कस्टमाइजेशन विकल्प
• आधुनिक: नवीनतम तकनीकी संस्करणों का उपयोग

🤝 योगदान

प्रोजेक्ट MIT लाइसेंस के तहत ओपन सोर्स है। आप स्वतंत्र हैं:

• ⭐ रिपॉजिटरी को स्टार करें
• 🐛 बग्स की रिपोर्ट करें
• 💡 सुधार सुझाएं
• 🔧 कोड में योगदान करें

📚 अधिक जानकारी

अधिक विवरण के लिए, देखें:

• GitHub रिपॉजिटरी
• README में दस्तावेज़ीकरण
• ऑनलाइन वर्जन

प्रश्न या सुझाव हैं? hub.timoner.com पर मेरे सभी ओपन-सोर्स प्रोजेक्ट्स देखें और चर्चा के लिए मीटिंग बुक करें, या सीधे GitHub पर इश्यू खोलें।