Convex Chef: NEW AI Full-Stack Builder! Opensource Lovable, V0, & Bolt.new Alternative! (FULLY FREE)
By WorldofAI
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):
- Clone the Repository:
git clone <Chef GitHub Repository URL> - Navigate to the Directory:
cd chef - Install Node.js Version (using NVM):
(Note: NVM installation can be complex on Windows; WSL is recommended.)nvm install nvm use - Install Packages:
npm install - Install PNPM:
pnpm install - Create
.env.localfile:echo "" > .env.local - 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.
- Configure Convex Dashboard:
- Run
npx convex dashboardto 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.
- Run
- Set API Keys:
- In the
cheffolder, set API keys for desired AI providers (e.g., Enthropic, Google, OpenAI). - Local models like Olama can also be configured here.
- In the
- Run Development Servers:
- In one terminal:
npx convex dev - In another terminal:
pnpm run dev
- In one terminal:
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-PoweredHi! 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?