https://github.com/ameykuradeak/ntrn
Next JS to React Native Conversion
https://github.com/ameykuradeak/ntrn
cli cli-app nextjs nodejs react-native
Last synced: 9 months ago
JSON representation
Next JS to React Native Conversion
- Host: GitHub
- URL: https://github.com/ameykuradeak/ntrn
- Owner: AmeyKuradeAK
- License: apache-2.0
- Created: 2025-04-07T02:10:54.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-06-19T18:32:18.000Z (about 1 year ago)
- Last Synced: 2025-08-21T13:04:15.634Z (10 months ago)
- Topics: cli, cli-app, nextjs, nodejs, react-native
- Language: JavaScript
- Homepage:
- Size: 495 KB
- Stars: 15
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
#
🚀 **NTRN v4.1.2 - Professional Next.js to React Native Converter** 🚀
```bash
_ _ _____ ____ _ _
| \ | |_ _| _ \| \ | |
| \| | | | | |_) | \| |
| |\ | | | | _ <| |\ |
|_| \_| |_| |_| \_\_| \_|
```
##
🌟 **PROFESSIONAL AI-POWERED CONVERTER** 🌟
## 🚀 **WHAT'S NEW IN v4.1.2 - EXPO SDK 53 COMPATIBILITY**
🧠 MISTRAL AI + GEMINI
Professional Dual AI System
📱 EXPO SDK 53
Latest React 19 + RN 0.79
🎯 INTELLIGENT ANALYSIS
Deep Project Understanding
🔧 AUTO-FIXING
Smart Error Resolution
✅ PRODUCTION-READY
Enterprise-Grade Code
🚀 INSTANT TESTING
Works with expo start
## 🎯 **CRITICAL UPDATE: EXPO SDK 53 COMPATIBILITY**
🚀 IMMEDIATE EXPO GO COMPATIBILITY
Fixed Issue: "Project is incompatible with the version of EXPO Go"
Solution: Updated to Expo SDK 53 for full Expo Go compatibility
📋 What Changed:
- 📦 Expo SDK: 51 → 53 (Latest)
- ⚛️ React: 18.2 → 19.0 (New features)
- 📱 React Native: 0.74.5 → 0.79.0 (Performance boost)
- 🧭 React Navigation: v6 → v7 (Enhanced APIs)
- 🏗️ New Architecture: Enabled by default
- 🔧 TypeScript: Updated to 5.8.3
✅ Immediate Benefits:
- 🚀 Works with
npx expo start --tunnel immediately
- 📱 Compatible with current Expo Go app
- 🏗️ Future-proof with New Architecture
- ⚡ Better performance with React 19
- 🛡️ Production-ready out of the box
## ✨ **PROFESSIONAL FEATURES**
🧠 AI INTELLIGENCE
- 🎯 Project Structure Analysis
- 🔍 Technology Stack Detection
- 🗺️ Strategic Conversion Planning
- 🔧 Auto-Fixing with User Consent
📱 EXPO STRUCTURE
- 📦 Expo SDK 53 + React Native 0.79
- 🧭 React Navigation 7 + New Architecture
- 📝 Complete TypeScript Config
- 🎨 Mobile-First Components
🏗️ ARCHITECTURE
- 📱 Pages → Screens Conversion
- 🌐 API Routes → Services
- 🔗 Context Providers Setup
- 📂 Professional File Structure
## 🤖 **INTERACTIVE AI ASSISTANT - POWERED BY MISTRAL AI & GEMINI**
🤖 WHAT YOU CAN ASK:
- "Add a shopping cart screen"
- "Create user authentication flow"
- "Fix conversion issues"
- "Add navigation to screens"
- "Convert API routes to services"
✨ AI FEATURES:
- 🎯 Project-aware - Understands your conversion
- 📱 Mobile-optimized - Perfect React Native code
- 🔄 Auto-detection - Finds failed conversions
- ⚡ Smart fixes - Real-time error resolution
- 🛡️ Safe operations - User consent required
```bash
🤖 You: ntrn --prompt
🤖 NTRN: Analyzing your project... Found 3 failed conversions!
🤖 NTRN: Would you like me to fix them?
🤖 You: yes
🤖 NTRN: Fixing rate limit issues and syntax errors...
📄 Fixed: src/screens/ProfileScreen.tsx
📄 Fixed: src/services/AuthService.ts
✅ All conversions completed successfully!
🤖 You: Add dark mode support
🤖 NTRN: Creating theme system...
📄 Created: src/contexts/ThemeContext.tsx
📝 Modified: App.tsx
✅ Dark mode ready with toggle functionality!
```
## 🎨 **SHADCN/UI MAGIC CONVERSION**
🌐 BEFORE (Next.js)
📱 AFTER (React Native)
**Next.js Code:**
```tsx
import { Button } from "@/components/ui/button"
import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
export function LoginForm() {
return (
Sign In
Sign In
)
}
```
**React Native Code:**
```tsx
import React from 'react';
import { View, Text, TextInput, TouchableOpacity, StyleSheet } from 'react-native';
export function LoginForm() {
return (
Sign In
Sign In
);
}
// + Comprehensive styles automatically generated
```
## ⚡ **INSTALLATION & SETUP**
### 🚀 **Quick Install:**
```bash
# Install globally
npm install -g ntrn@latest
# Or clone and setup
git clone https://github.com/AmeyKuradeAK/ntrn.git
cd ntrn
npm install
npm link
```
### ⚡ **First Time Setup:**
```bash
# Run NTRN - it will guide you through setup
ntrn
# Choose your AI provider (Mistral AI recommended)
# Enter your API key when prompted
# Keys are saved automatically for future use
```
**Requirements:**
1. Node.js 18+ (Latest LTS)
2. Mistral AI API Key (Recommended) or Gemini API Key
3. Expo CLI for testing converted projects
## 🎯 **PROFESSIONAL CONVERSION MODES**
🧠
🧠 PROFESSIONAL AI
ntrn
- 🎯 Intelligent analysis
- 🔧 Auto-fixing
- 📱 Official Expo structure
- 🏗️ Production-ready code
🎨
🎨 LEGACY MODE
ntrn --legacy
- 📁 File-by-file conversion
- 📂 Directory selection
- 🏗️ Basic Expo setup
- 🔄 Traditional approach
🤖
🤖 AI ASSISTANT
ntrn --prompt
- 💬 Interactive AI chat
- 🔍 Auto-detects issues
- ⚡ Real-time fixes
- 🛠️ Project enhancement
### **🎯 Choose Your Workflow:**
**For Professional Conversion (Recommended):**
```bash
cd my-nextjs-app
ntrn # Professional AI conversion
```
**For Interactive Development:**
```bash
ntrn --prompt # AI assistant mode
```
**For Traditional Approach:**
```bash
ntrn --legacy # Legacy file-by-file conversion
```
### **🔄 Switch AI Providers:**
```bash
ntrn --switch-provider # Switch between Mistral AI and Gemini
```
**For AI-Powered Development:**
```bash
cd my-react-native-app
ntrn --prompt # ChatGPT-like assistance
```
## 💰 **PRICING & TOKEN USAGE**
📊 PROJECT SIZE
💰 COST RANGE
📁 FILES
⚡ SPEED
🔹 Small Projects
$0.005-$0.009
5-15 files
⚡ Instant
🔸 Medium Projects
$0.015-$0.030
20-50 files
⚡⚡ Fast
🔶 Large Projects
$0.041-$0.088
50-150 files
⚡⚡⚡ Quick
💎 Enterprise
$0.119-$0.288
150+ files
🚀 Blazing
## 📚 **DOCUMENTATION UNIVERSE**
🤖
🤖 AI Assistant Guide
Complete ChatGPT-like CLI docs
🎯
🎯 Quality Demo
Enhanced fix verification system
🏆
🏆 Perfect Conversion
100% working React Native examples
🌐
🌐 Web API Guide
Complete web to native conversion
🎨
🎨 Shadcn Guide
Automatic component conversion
💰
💰 Pricing Guide
Comprehensive cost analysis
## ⚡ **POWERED BY THE BEST**
## 📸 **Terminal Demo**
## 🚀 **ROADMAP TO THE FUTURE**
🔧
🔧 Auto Dependency Install
Optional automatic setup
🎨
🎨 Full Tailwind Support
Complete class converter
⚙️
⚙️ CLI Config File
Persistent settings
🌙
🌙 Dark Mode Everything
README and docs
## 🤝 **CONTRIBUTING**
We love contributions! Please check out our [CONTRIBUTING.md](CONTRIBUTING.md) before submitting a pull request.
**You can:**
- 🐛 Open issues
- 🌟 Suggest new features
- 🛠 Improve the CLI or documentation
## 🌍 **JOIN THE COMMUNITY**
🗣️
🗣️ GitHub Discussions
Ask questions & share ideas
🐦
🐦 X (Twitter)
Follow for updates
🔥
🔥 Reddit
Join discussions
## 📫 **Stay in Touch**
If you like this project, show some ❤️
- ⭐ Star the repo
- 🐦 Tweet about it
- 📢 Share with your team
---
### 🚀 **READY TO TRANSFORM YOUR NEXT.JS APP?**
```bash
npm install -g ntrn@latest
cd your-nextjs-project
ntrn
```
## 📄 **License**
This project is licensed under the **APACHE 2.0 License**.
Do whatever you want, just give credit.
---
### **Made with 💙 by [Amey Kurade](https://www.github.com/AmeyKuradeAK)**
[](https://github.com/sponsors/AmeyKuradeAK)