𝗛𝗼𝘄 𝘁𝗼 𝗘𝘅𝗽𝗼𝗿𝘁 𝗬𝗼𝘂𝗿 𝗟𝗼𝘃𝗮𝗯𝗹𝗲 𝗣𝗿𝗼𝗷𝗲𝗰𝘁 𝗮𝗻𝗱 𝗦𝗽𝗲𝗲𝗱 𝗨𝗽 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁
നിങ്ങൾ Lovable ഉപയോഗിച്ച് മികച്ച ഒന്ന് നിർമ്മിച്ചു. നിങ്ങൾ അത് ബീറ്റാ ഉപയോക്താക്കൾക്ക് കാണിച്ചുകൊടുത്തു. ഇപ്പോൾ നിങ്ങൾ ഒരു പ്രതിസന്ധിയിൽ എത്തിയിരിക്കുന്നു. Lovable-ൽ നിലവിൽ ലഭ്യമല്ലാത്ത ഫീച്ചറുകൾ നിങ്ങൾക്ക് ആവശ്യമാണ്. മികച്ച ഹോസ്റ്റിംഗോ അല്ലെങ്കിൽ കസ്റ്റം പ്രൈസിംഗ് മോഡലുകളോ നിങ്ങൾക്ക് ആവശ്യമായി വന്നേക്കാം.
നിങ്ങൾക്ക് എല്ലാം ആദ്യം മുതൽ തുടങ്ങേണ്ടതില്ല. Lovable നിങ്ങൾക്ക് വൃത്തിയുള്ളതും പ്രൊഡക്ഷൻ റെഡിയുമായ കോഡ് നൽകുന്നു. നിങ്ങൾക്ക് അത് സ്വന്തമാക്കാം, എവിടെ വേണമെങ്കിലും ഹോസ്റ്റ് ചെയ്യാം, കൂടാതെ അത് വികസിപ്പിക്കാൻ AI കോഡിംഗ് ഏജന്റുകളെ ഉപയോഗിക്കാം.
നിങ്ങളുടെ പ്രോജക്റ്റ് എക്സ്പോർട്ട് ചെയ്യാനും വേഗത്തിൽ മുന്നോട്ട് പോകാനും ഇതാ ഒരു വഴി.
𝗧𝗵𝗲 𝗘𝘅𝗽𝗼𝗿𝘁 𝗣𝗿𝗼𝗰𝗲𝘀𝘀
നിങ്ങൾക്ക് ഒരു Vite-അധിഷ്ഠിത React ആപ്പ് ലഭിക്കുന്നു. നിങ്ങളുടെ UI, കോംപോണന്റുകൾ, ലോജിക് എന്നിവ മാറ്റമില്ലാതെ നിലനിൽക്കും. നിങ്ങളുടെ ഡിസൈൻ വർക്കുകൾ സുരക്ഷിതമായിരിക്കും.
രണ്ട് കാര്യങ്ങൾ ശ്രദ്ധിക്കുക:
- Stripe അല്ലെങ്കിൽ Auth പോലുള്ള മാനേജ്ഡ് സർവീസുകൾ സ്റ്റാൻഡ്ലോൺ കോഡ് ആയി എക്സ്പോർട്ട് ചെയ്യപ്പെടില്ല.
- നിങ്ങൾ ആദ്യം നിങ്ങളുടെ ഇന്റഗ്രേഷനുകൾ ഡോക്യുമെന്റ് ചെയ്യണം. നിങ്ങളുടെ സെറ്റിംഗ്സുകളുടെയും API കീക들의യും സ്ക്രീൻഷോട്ടുകൾ എടുക്കുക.
𝗧𝗵𝗲 𝗕𝗲𝘀𝘁 𝗪𝗮𝘆: 𝗚𝗶𝘁𝗛𝘂𝗯 𝗜𝗻𝘁𝗲𝗴𝗿𝗮𝘁𝗶𝗼𝗻
ദീർഘകാല പ്രവർത്തനങ്ങൾക്ക് മാനുവൽ ZIP ഡൗൺലോഡുകൾ ഉപയോഗിക്കരുത്. GitHub ഇന്റഗ്രേഷൻ ഉപയോഗിക്കുക. ഇത് ഓട്ടോമാറ്റിക്കായി സിങ്ക് ചെയ്യുകയും Vercel അല്ലെങ്കിൽ Netlify-ലേക്ക് വൺ-ക്ലിക്ക് ഡിപ്ലോയ് ചെയ്യാൻ അനുവദിക്കുകയും ചെയ്യുന്നു.
ഇത് എങ്ങനെ ചെയ്യാം:
- നിങ്ങളുടെ Lovable എഡിറ്റർ തുറക്കുക.
- മുകളിൽ വലതുവശത്തുള്ള GitHub ഐക്കണിൽ ക്ലിക്ക് ചെയ്യുക.
- "Connect to GitHub" എന്നത് തിരഞ്ഞെടുത്ത് അത് ഓതറൈസ് ചെയ്യുക.
- നിങ്ങളുടെ റിപ്പോസിറ്ററി പേരും പ്രൈവസി സെറ്റിംഗ്സും തിരഞ്ഞെടുക്കുക.
- "Create Repository" ക്ലിക്ക് ചെയ്യുക.
git clone [url]ഉപയോഗിച്ച് റിപ്പോസിറ്ററി നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് ക്ലോൺ ചെയ്യുക.
𝗧𝗵𝗿𝗲𝗲 𝗖𝗼𝗺𝗺𝗼𝗻 𝗣𝗶𝘁𝗳𝗮𝗹𝗹𝘀
- എൻവയോൺമെന്റ് വേരിയബിളുകളുടെ അഭാവം (Missing Environment Variables) സുരക്ഷാ കാരണങ്ങളാൽ Lovable നിങ്ങളുടെ രഹസ്യ API കീകൾ എക്സ്പോർട്ട് ചെയ്യില്ല. ഇത് ശ്രദ്ധിച്ചില്ലെങ്കിൽ നിങ്ങളുടെ ആപ്പ് പ്രവർത്തിക്കില്ല.
- പരിഹാരം: നിങ്ങളുടെ പ്രോജക്റ്റ് റൂട്ടിൽ
.env.localഎന്ന പേരിൽ ഒരു ഫയൽ നിർമ്മിക്കുക. നിങ്ങളുടെ Supabase, Stripe കീകൾ അവിടെ ചേർക്കുക.
- കാലഹരണപ്പെട്ട ഡിപെൻഡൻസികൾ (Outdated Dependencies) ചിലപ്പോൾ ബണ്ടിൽ ചെയ്ത പാക്കേജുകൾ അപ്ഡേറ്റ് ചെയ്യേണ്ടി വരും.
- പരിഹാരം: നിങ്ങളുടെ ടെർമിനലിൽ ഈ കമാൻഡുകൾ പ്രവർത്തിപ്പിക്കുക:
•
npm install•npm audit fix
- ലോജിക് തകരാറിലാകുന്നത് (Breaking the Logic) ഹെൽപ്പർ ഫംഗ്ഷനുകളോ API റാപ്പറുകളോ ഡിലീറ്റ് ചെയ്യരുത്. ഇവയാണ് നിങ്ങളുടെ ഫ്രണ്ട്എൻഡിനെ ബാക്കെൻഡുമായി ബന്ധിപ്പിക്കുന്നത്.
- പരിഹാരം: കോഡിൽ മാറ്റം വരുത്തുന്നതിന് മുമ്പ്
npm run devപ്രവർത്തിപ്പിക്കുകയും ഓരോ യൂസർ ഫ്ലോയും പരിശോധിക്കുകയും ചെയ്യുക.
𝗡𝗲𝘅𝘁 𝗦𝘁𝗲𝗽𝘀 𝘄𝗶𝘁𝗵 𝗔𝗜
നിങ്ങളുടെ കോഡ് ലോക്കൽ ആയിക്കഴിഞ്ഞാൽ, Cursor അല്ലെങ്കിൽ Claude Code പോലുള്ള ഒരു AI ഏജന്റ് ഉപയോഗിക്കുക. Lovable എഡിറ്ററിനേക്കാൾ വേഗത്തിൽ ഫീച്ചറുകൾ നിർമ്മിക്കാൻ ഈ ടൂളുകൾ നിങ്ങളെ സഹായിക്കും.
എങ്ങനെ തുടങ്ങാം:
- AI എഡിറ്ററിൽ നിങ്ങളുടെ പ്രോജക്റ്റ് ഫോൾഡർ തുറക്കുക.
- കോഡ്ബേസും ഫയൽ സ്ട്രക്ചറും പരിശോധിക്കാൻ ഏജന്റിനോട് ആവശ്യപ്പെടുക.
- നിങ്ങളുടെ അടുത്ത പത്ത് ഫീച്ചറുകൾ നിർമ്മിക്കാൻ തുടങ്ങുക.
"വൃത്തിയുള്ള" കോഡ് ലഭിക്കാൻ വേണ്ടി മാത്രം നിങ്ങളുടെ മുഴുവൻ സിസ്റ്റവും വീണ്ടും എഴുതരുത്. നിങ്ങളുടെ ലോഗിൻ, ബില്ലിംഗ് എന്നിവ ശരിയായി പ്രവർത്തിക്കുന്നുണ്ടെങ്കിൽ അവയിൽ മാറ്റം വരുത്തേണ്ടതില്ല. ഉപയോക്താക്കൾ ആവശ്യപ്പെടുന്ന ഫീച്ചറുകളിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുക.
എക്സ്പോർട്ട് ചെയ്യുന്നത് ഒരു മുന്നേറ്റമാണ്. നിങ്ങളുടെ റോഡ്മാപ്പിന്മേൽ നിങ്ങൾക്ക് പൂർണ്ണ നിയന്ത്രണം ലഭിക്കുന്നു.
Source: https://dev.to/braingrid/how-to-export-your-lovable-project-and-accelerate-development-5hlp
Optional learning community: https://t.me/GyaanSetuAi