About this video

• Video Title: How To Use Unlimited Lovable For Free.. (Better Then Replit)
• Channel: TechKevin
• Speakers: TechKevin
• Duration: 10:59

Overview

This video tutorial demonstrates how to utilize all features of Lovable and Replit for free, enabling users to create and host their own functional websites without requiring technical expertise. It contrasts the free usage with the paid plans of Lovable and guides viewers through the installation, setup, and deployment processes.

Key takeaways

• Free Access to Lovable and Replit: The tutorial shows how to bypass the costs associated with Lovable's pro and business plans by using its features and Replit entirely for free.
• Website Creation and Hosting: Viewers will learn to create a fully functional website and host it for free, using AI to generate the site based on a provided example link.
• Installation and Environment Setup: The video details the steps for installing necessary tools (like the Lovable dev CLI) and setting up the development environment.
• AI-Powered Website Generation: It explains how to prompt the AI to create a website, referencing an existing site for design inspiration, and how to iterate on the design by refining prompts.
• Free Web Hosting with Vercel: The tutorial guides users through the process of hosting their newly created website for free using Vercel, involving GitHub repository setup and deployment.

To generate an API token for Lovable, you need to:

1. Go to the Lovable dev website and navigate to the "Generate API token" section.
2. Send a verification code to your registered email address.
3. Retrieve the six-digit code from your email and enter it on the website to log in.
4. On the API tokens page, click on "Create API token."
5. Name the token anything you wish and choose a future date for its expiration.
6. Click "create" to generate the token. You can then copy this token for use.

To host a website created with Lovable for free, you need to:

1. Sign up for Vercel: Go to Vercel.com, click on "sign up," and choose the "hobby" option. You can sign up using your email, Gmail, or Apple account.
2. Create a GitHub account: If you don't already have one, sign up for a free GitHub account.
3. Create a new GitHub repository: In your GitHub account, click the "new" button to create a repository. Name it something like "lovable test," choose public or private visibility, and then click "create."
4. Upload your website files to GitHub:
   • Go into the repository you just created.
   • Click on "add file" and then "upload files."
   • Drag and drop all the files from your website project folder into the upload area, except for the "node_modules" folder.
   • Once all files are uploaded, scroll down and click "commit changes."
5. Deploy on Vercel:
   • Go back to your Vercel dashboard.
   • Click on "Add new" and then "Project."
   • Vercel should automatically detect the GitHub repository you just created. Click "import" on that project.
   • Click "deploy."
6. Access your hosted website: Once the deployment is complete, Vercel will provide you with a link to your live, hosted website.