Convex Chef: NEW AI Full-Stack Builder! Opensource Lovable, V0, & Bolt.new Alternative! (FULLY FREE)

By WorldofAI

Share:

Key Concepts

  • Chef by Convex: An AI full-stack app builder that generates functional applications from natural language prompts.
  • Open Source: Chef is now publicly available for anyone to use, modify, and contribute to.
  • Full-Stack Development: Chef builds complete applications, including front-end UI, back-end logic, and database integration.
  • Reactive Backend: Convex provides a real-time database and serverless functions for seamless full-stack development.
  • Zero Config Authentication: Chef automatically sets up authentication without manual configuration.
  • File Uploads: The capability to handle file uploads within generated applications.
  • Real-time UI: User interfaces that update instantly based on data changes.
  • Background Workflows: Processes that run in the background, independent of user interaction.
  • AI Code Generation: The use of artificial intelligence to write code for applications.
  • Local Hosting: The ability to run Chef and generated applications on a local computer.
  • Recipes: Integrations or features that can be added to Chef apps, such as collaborative text editors or AI chat.
  • WSL (Windows Subsystem for Linux): A compatibility layer for running Linux binary software on Windows.
  • NVM (Node Version Manager): A tool for managing multiple Node.js versions.
  • Convex CLI: Command-line interface for interacting with Convex projects.
  • Environment Variables: Configuration settings for applications, including API keys.
  • Local Models: AI models that can be run on a local machine (e.g., Olama).

Chef by Convex: Open-Source Full-Stack App Builder

This video showcases Chef by Convex, an AI tool that transforms a single natural language prompt into a fully functional application. Previously a proprietary tool, Chef has now been made completely open-source by the Convex team.

Core Capabilities of Chef

Chef distinguishes itself by its ability to generate not just front-end mockups, but also a fluent back-end. It can create production-ready full-stack components, including:

  • Built-in Database: Seamless integration with a database for data storage.
  • Zero-Config Authentication: Automatic setup of user authentication systems.
  • File Uploads: Functionality to handle file uploads.
  • Real-time UIs: Dynamic user interfaces that update in real-time.
  • Background Workflows: Processes that can run asynchronously.

Demonstration: Notion Clone Example

A key demonstration involves prompting Chef to create a "Notion clone." The process is described as super simple: users provide a descriptive prompt, potentially with files or mockups. Chef then takes this prompt and builds out the complete application.

The generated Notion clone includes:

  • A fully configured authentication system linked to the database.
  • A live preview of registered accounts, functions, files, and logs.
  • Anonymous sign-in capability.
  • Functional document creation, editing, and formatting (headings, quotes, tables), mimicking Notion's user experience.

This entire application was reportedly coded out in seconds, highlighting Chef's rapid prototyping capabilities.

Open-Source and Local Deployment

The significant announcement is that Chef is now fully open-source, allowing users to work with it locally on their computers. This enables building any type of full-stack app with zero-config authentication, file uploads, real-time UIs, and background workflows.

The "secret sauce" is Convex's open-source reactive backend and database, which leverages powerful APIs well-suited for AI code generation. The video shows Chef executing terminal-based commands and a plan to create the Notion clone, with a live preview of its generation process.

Additional Features and Benefits

  • Free Generation: The Notion clone example was generated for free using the cloud version, which is also accessible.
  • Rapid Prototyping: Chef significantly speeds up the prototyping phase.
  • Code Download and Deployment: Users can download the generated code, share it, and even deploy it directly from the Chef website. A deployed example is shown accessible via a Convex link.
  • Recipes: Chef supports "recipes," which are integrations for adding new tool functionalities to an app. Examples include:
    • Collaborative text editors.
    • AI chat features.
    • File upload enhancements.
    • Full-text search capabilities.

Local Installation Guide

The video provides a step-by-step guide for setting up Chef locally for free.

Prerequisites:

  • Node.js installed.
  • Git installed.

Installation Steps (using WSL on Windows as an example):

  1. Clone the Repository:
    git clone <Chef GitHub Repository URL>
    
  2. Navigate to the Directory:
    cd chef
    
  3. Install Node.js Version (using NVM):
    nvm install
    nvm use
    
    (Note: NVM installation can be complex on Windows; WSL is recommended.)
  4. Install Packages:
    npm install
    
  5. Install PNPM:
    pnpm install
    
  6. Create .env.local file:
    echo "" > .env.local
    
  7. Set up Convex Project:
    • Create a free Convex account if you don't have one.
    • Log in to your Convex account.
    • Select a device name and authenticate.
    • Create a new Convex project (e.g., "AI chef").
    • Choose local deployment.
    • The backend for Convex will be set up and downloaded.
  8. Configure Convex Dashboard:
    • Run npx convex dashboard to open the Convex dashboard.
    • Go to Settings > Environment Variables.
    • Set the required environment variables, such as BRAIN_HOST, CONVEX_AUTH_CLIENT_ID, and API keys.
  9. Set API Keys:
    • In the chef folder, set API keys for desired AI providers (e.g., Enthropic, Google, OpenAI).
    • Local models like Olama can also be configured here.
  10. Run Development Servers:
    • In one terminal: npx convex dev
    • In another terminal: pnpm run dev

Accessing the Local Chef Instance:

Once the servers are running, access Chef via the provided localhost link in your web browser.

Demonstration: Shared Expense App (Splitwise Clone)

The video then demonstrates building a "shared expense app" (Splitwise clone) locally. Chef rapidly prototypes and builds the app by coding all necessary components.

Rewind Functionality

Chef includes a "rewind" feature that allows users to revert to previous generation checkpoints. This is useful if a new prompt leads to undesirable results.

Conclusion and Recommendation

The presenter highly recommends Chef by Convex as the best full-stack open-source tool available for building real-time reactive applications. Its ability to autonomously generate back-end functions for full-stack apps is a significant advantage. Users are encouraged to check out the project on GitHub, give it a star, and explore the provided links.

The video concludes with calls to action for supporting the channel (Super Thanks, Discord), subscribing to a second channel, joining a newsletter, following on Twitter, and watching previous videos.

Chat with this Video

AI-Powered

Hi! I can answer questions about this video "Convex Chef: NEW AI Full-Stack Builder! Opensource Lovable, V0, & Bolt.new Alternative! (FULLY FREE)". What would you like to know?

Chat is based on the transcript of this video and may not be 100% accurate.

Related Videos

Ready to summarize another video?

Summarize YouTube Video