React Router में आपका स्वागत है!

React Router का उपयोग करके फुल-स्टैक React एप्लिकेशन बनाने के लिए एक आधुनिक, प्रोडक्शन-रेडी टेम्पलेट।

विशेषताएँ

• 🚀 सर्वर-साइड रेंडरिंग
• ⚡️ Hot Module Replacement (HMR)
• 📦 एसेट बंडलिंग और ऑप्टिमाइज़ेशन
• 🔄 डेटा लोडिंग और म्यूटेशन
• 🔒 डिफ़ॉल्ट रूप से TypeScript
• 🎉 स्टाइलिंग के लिए TailwindCSS
• 📖 React Router दस्तावेज़

आरंभ करना

स्थापना

डिपेंडेंसीज़ स्थापित करें:

npm install

विकास

HMR के साथ डेवलपमेंट सर्वर प्रारंभ करें:

npm run dev

आपका एप्लिकेशन http://localhost:5173 पर उपलब्ध होगा।

प्रोडक्शन के लिए बिल्ड

प्रोडक्शन बिल्ड बनाएं:

npm run build

डिप्लॉयमेंट

Docker डिप्लॉयमेंट

Docker का उपयोग करके बिल्ड और रन करने के लिए:

docker build -t my-app .

# Run the container
docker run -p 3000:3000 my-app

कंटेनरीकृत एप्लिकेशन को Docker का समर्थन करने वाले किसी भी प्लेटफ़ॉर्म पर तैनात किया जा सकता है, जिनमें शामिल हैं:

• AWS ECS
• Google Cloud Run
• Azure Container Apps
• Digital Ocean App Platform
• Fly.io
• Railway

DIY डिप्लॉयमेंट

यदि आप Node एप्लिकेशन तैनात करने से परिचित हैं, तो बिल्ट-इन ऐप सर्वर प्रोडक्शन-रेडी है।

सुनिश्चित करें कि आप npm run build का आउटपुट तैनात करें

├── package.json
├── package-lock.json (or pnpm-lock.yaml, or bun.lockb)
├── build/
│   ├── client/    # Static assets
│   └── server/    # Server-side code

स्टाइलिंग

यह टेम्पलेट एक सरल डिफ़ॉल्ट प्रारंभिक अनुभव के लिए Tailwind CSS के साथ पहले से कॉन्फ़िगर किया गया है। आप अपनी पसंद का कोई भी CSS फ्रेमवर्क उपयोग कर सकते हैं।

React Router का उपयोग करके ❤️ से निर्मित।