ntrn
v4.1.8
Published
π Professional AI-powered Next.js to React Native converter with intelligent screen creation, never-fail conversion system, comprehensive auto-fix, automatic runtime error fixing, AI assistant, Mistral AI problem-solving, intelligent Shadcn/ui conversion
Maintainers
Readme
π NTRN v4.1.2 - Professional Next.js to React Native Converter π
_ _ _____ ____ _ _
| \ | |_ _| _ \| \ | |
| \| | | | | |_) | \| |
| |\ | | | | _ <| |\ |
|_| \_| |_| |_| \_\_| \_|π PROFESSIONAL AI-POWERED CONVERTER π
π WHAT'S NEW IN v4.1.2 - EXPO SDK 53 COMPATIBILITY
π― CRITICAL UPDATE: EXPO SDK 53 COMPATIBILITY
β¨ PROFESSIONAL FEATURES
π€ INTERACTIVE AI ASSISTANT - POWERED BY MISTRAL AI & GEMINI
π€ 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
Next.js Code:
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 (
<Card className="w-full max-w-sm">
<CardHeader>
<CardTitle>Sign In</CardTitle>
</CardHeader>
<CardContent className="space-y-4">
<Input type="email" placeholder="Enter email" />
<Button className="w-full" onClick={handleLogin}>
Sign In
</Button>
</CardContent>
</Card>
)
}React Native Code:
import React from 'react';
import { View, Text, TextInput, TouchableOpacity, StyleSheet } from 'react-native';
export function LoginForm() {
return (
<View style={styles.card}>
<View style={styles.cardHeader}>
<Text style={styles.cardTitle}>Sign In</Text>
</View>
<View style={styles.cardContent}>
<TextInput
style={styles.input}
placeholder="Enter email"
keyboardType="email-address"
autoCapitalize="none"
/>
<TouchableOpacity
style={styles.button}
onPress={handleLogin}
activeOpacity={0.7}
>
<Text style={styles.buttonText}>Sign In</Text>
</TouchableOpacity>
</View>
</View>
);
}
// + Comprehensive styles automatically generatedβ‘ INSTALLATION & SETUP
π Quick Install:
# 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:
# 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 useRequirements:
- Node.js 18+ (Latest LTS)
- Mistral AI API Key (Recommended) or Gemini API Key
- Expo CLI for testing converted projects
π― PROFESSIONAL CONVERSION MODES
π― Choose Your Workflow:
For Professional Conversion (Recommended):
cd my-nextjs-app
ntrn # Professional AI conversionFor Interactive Development:
ntrn --prompt # AI assistant modeFor Traditional Approach:
ntrn --legacy # Legacy file-by-file conversionπ Switch AI Providers:
ntrn --switch-provider # Switch between Mistral AI and GeminiFor AI-Powered Development:
cd my-react-native-app
ntrn --prompt # ChatGPT-like assistanceπ° PRICING & TOKEN USAGE
π DOCUMENTATION UNIVERSE
β‘ POWERED BY THE BEST
πΈ Terminal Demo
π ROADMAP TO THE FUTURE
π€ CONTRIBUTING
We love contributions! Please check out our CONTRIBUTING.md before submitting a pull request.
You can:
- π Open issues
- π Suggest new features
- π Improve the CLI or documentation
π JOIN THE COMMUNITY
π« 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?
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.
