How I use @lovable + @cursor_ai to build MVPs FAST for my clients...
Prajwal Tomar@PrajwalTomar_
33 views
Jan 28, 2025
~3 min read
Advertisement
1
How I use @lovable + @cursor_ai to build MVPs FAST for my clients without writing even a single line of code.
Here’s my step-by-step guide to set everything up for maximum efficiency.
Here’s my step-by-step guide to set everything up for maximum efficiency.
2
1. Starting With Inspiration
Every project begins with a clear vision. For this one, the client needed an AI-powered dashboard.
I started by taking a screenshot of a landing page that matched the client’s requirements and fed it into ChatGPT.
Prompt:
“Describe this landing page in detail, including layout, sections, colors, and typography.”
ChatGPT provided a detailed breakdown, which became the foundation for Lovable.
Every project begins with a clear vision. For this one, the client needed an AI-powered dashboard.
I started by taking a screenshot of a landing page that matched the client’s requirements and fed it into ChatGPT.
Prompt:
“Describe this landing page in detail, including layout, sections, colors, and typography.”
ChatGPT provided a detailed breakdown, which became the foundation for Lovable.
3
2. Lovable: The Core Builder
With the blueprint ready, I turned to Lovable to start building the app. This tool handles the foundation, making the development process incredibly efficient.
With the blueprint ready, I turned to Lovable to start building the app. This tool handles the foundation, making the development process incredibly efficient.
4
3. GitHub Integration
Lovable makes version control effortless by automatically creating a GitHub repository for your project. Every update is synced automatically.
Once the repo is ready, you can transfer it to your GitHub account and later clone it into Cursor for adding complex functionality or manual coding.
Lovable makes version control effortless by automatically creating a GitHub repository for your project. Every update is synced automatically.
Once the repo is ready, you can transfer it to your GitHub account and later clone it into Cursor for adding complex functionality or manual coding.
5
4. Supabase Integration
The backend setup was handled easily using Lovable’s Supabase integration.
I added authentication for user logins, set up a database for managing user profiles and app data, and connected APIs without writing unnecessary boilerplate code.
Prompt:
“Add Supabase authentication to the app, allowing users to sign up and log in using their email.”
The backend setup was handled easily using Lovable’s Supabase integration.
I added authentication for user logins, set up a database for managing user profiles and app data, and connected APIs without writing unnecessary boilerplate code.
Prompt:
“Add Supabase authentication to the app, allowing users to sign up and log in using their email.”
6
5. Email Integration using Resend
For communication, I used Lovable’s built-in integration with Resend.
I configured welcome emails for new users and set up notifications for specific actions within the app. This functionality was added in minutes, saving me hours of manual setup.
Prompt:
“Set up an email workflow using Resend that sends a welcome email to users upon signup and a notification when they complete an action.”
For communication, I used Lovable’s built-in integration with Resend.
I configured welcome emails for new users and set up notifications for specific actions within the app. This functionality was added in minutes, saving me hours of manual setup.
Prompt:
“Set up an email workflow using Resend that sends a welcome email to users upon signup and a notification when they complete an action.”
7
6. Chat With Your Codebase
Lovable’s chat functionality lets you interact with your codebase conversationally.
This is a game-changer for managing complex projects. You can:
- Ask which features from the PRD are completed and what’s still pending.
- Quickly reference task breakdowns without manually searching.
- Get an overview of the project’s current state in seconds.
Prompt:
“Based on the PRD and task breakdown, list all completed features and highlight pending tasks.”
This functionality saves hours and keeps the project on track.
Lovable’s chat functionality lets you interact with your codebase conversationally.
This is a game-changer for managing complex projects. You can:
- Ask which features from the PRD are completed and what’s still pending.
- Quickly reference task breakdowns without manually searching.
- Get an overview of the project’s current state in seconds.
Prompt:
“Based on the PRD and task breakdown, list all completed features and highlight pending tasks.”
This functionality saves hours and keeps the project on track.
8
7. OpenAI Integration
The app included an AI-powered feature to summarize user data.
Lovable’s OpenAI integration made this process seamless. I set up the APIs and had the AI functionality up and running for the client to test in no time.
Prompt:
“Integrate OpenAI APIs to summarize user data input and display the results on the dashboard.”
The app included an AI-powered feature to summarize user data.
Lovable’s OpenAI integration made this process seamless. I set up the APIs and had the AI functionality up and running for the client to test in no time.
Prompt:
“Integrate OpenAI APIs to summarize user data input and display the results on the dashboard.”
9
8. Replicate Integration
For AI image generation, I used Lovable’s Replicate integration.
This allowed users to generate custom visuals directly within the app.
The integration process was smooth and required minimal setup.
Prompt:
“Add Replicate integration to generate AI-powered images based on user inputs.”
For AI image generation, I used Lovable’s Replicate integration.
This allowed users to generate custom visuals directly within the app.
The integration process was smooth and required minimal setup.
Prompt:
“Add Replicate integration to generate AI-powered images based on user inputs.”
10
9. Stripe Integration
The client wanted payment workflows for subscriptions, and Lovable’s Stripe integration made this incredibly easy.
I set up payments, tested them, and synced the Stripe dashboard for the client’s visibility.
Prompt:
“Integrate Stripe into the app to allow subscription payments, including a dashboard for users to manage their plans.”
The client wanted payment workflows for subscriptions, and Lovable’s Stripe integration made this incredibly easy.
I set up payments, tested them, and synced the Stripe dashboard for the client’s visibility.
Prompt:
“Integrate Stripe into the app to allow subscription payments, including a dashboard for users to manage their plans.”
11
10. From Lovable to Cursor
Once the core app was built, I synced everything to GitHub and moved it into Cursor for advanced refinement.
In Cursor, I polished the UI, added complex backend logic, and debugged the codebase to ensure it was production-ready.
Once the core app was built, I synced everything to GitHub and moved it into Cursor for advanced refinement.
In Cursor, I polished the UI, added complex backend logic, and debugged the codebase to ensure it was production-ready.
12
11. Final Thoughts
This workflow, starting with ChatGPT for planning, building in Lovable, and refining in Cursor, has completely transformed how I deliver MVPs.
Let me know your experience or questions below!
This workflow, starting with ChatGPT for planning, building in Lovable, and refining in Cursor, has completely transformed how I deliver MVPs.
Let me know your experience or questions below!
