Once your web app is ready, you can deploy it and share it with the world. You also have the option to share a work-in-progress version to gather feedback before going live. Lovable makes it simple to publish, iterate, and distribute your applications with just a few clicks.

Your published app will be accessible to anyone with the link. Make sure you’re ready to share before publishing!

​
Publishing your app

When your project is ready, publish it to generate a shareable URL. This makes it easy to showcase your application or share it with collaborators and stakeholders.

​
How to Publish Your App

  1. In the top right corner of the editor view, click the Share button (globe icon).

  1. A dialog box will appear with options to publish your app.

  2. Click the Publish button to start the deployment process. During this time, the button will display Publishing.

  1. Once deployment is complete, you’ll see a Republish button for future updates.

Your application is now live, and you can access it via the provided link.

  1. The publishing process typically takes less than a minute. You’ll receive a notification once it’s complete.

  2. We’ve added an option in the project settings to show or hide the Lovable badge on your deployed app. You can customize this setting before publishing.

​
Previewing Your App

Previewing allows you to see your latest changes without affecting the live, published version.

Use previewing for iterative development

Previewing is very handy as it allows you and others to view the latest changes without affecting the live, published version of your application.

We’ve noticed users using it for iterative development and getting real-time feedback, as well as for collaborative reviews and testing before final deployment.

To preview:

  1. Open the Share dialog.

  2. Locate the Preview section.

  3. Click the generated preview link to view or share your work-in-progress updates.

The preview link is generated instantly and can be shared with team members for feedback.

​
SEO: Customizing Your Shared Image

When sharing your project on social media, you can customize the preview image in two ways:

​
Option 1: Let AI Handle It

Upload an image and use a simple prompt like:

Example prompt

Can you change the image that appears when the site is shared on social media platforms to the one above?

​
Option 2: Manually Update via GitHub

  1. Click Edit code (top right of your project).

  2. Connect your project to GitHub if you haven’t already. Follow our GitHub integration guide.

  3. Open your project repository and navigate to the public folder.

  4. Replace the existing og-image.png with your new image.

  5. Rename your new image to og-image.png.

  6. Redeploy your project to apply the changes.

​
Launch & Get Traffic

We’ve created Lovable Launched, a platform like Product Hunt, where you can publish your app to gain visibility.

​
Why publish here?

  • Your app gets discovered by thousands of people.

  • Users can vote for your app, increasing its ranking.

  • Top-voted projects get shoutouts on X (Twitter) every week/month.

​
Drive Engagement & Upvotes

To maximize exposure:

  • Post on social media (X, LinkedIn, etc.). If you tag @lovable_dev on X, we’ll repost your launch for extra reach.

  • Encourage your network to upvote your project on Lovable Launched.

  • Include a direct link to your Lovable Launched page in your posts.

​
Launch on Product Hunt

If you’re publishing on Lovable Launched, consider also launching on Product Hunt for additional traffic.

  • The same strategy applies: post on social media, engage your network, and drive upvotes.

  • A top-of-the-day ranking on Product Hunt can bring massive traffic.

​
Additional Growth Strategies

While launching on Lovable Launched and Product Hunt is highly recommended, you can also explore these strategies:

  • Email marketing – Reach out to potential users via email.

  • Paid ads – Run targeted campaigns on Google, Facebook, or Twitter.

  • Influencer partnerships – Collaborate with creators in your niche.

  • SEO optimization – Improve your landing page to attract organic users.

More information here.

Precise EditsTroubleshooting