Getting Started

Welcome to bldr! This guide will walk you through building your first full-stack website using bldr’s AI-powered platform.

What is bldr?

bldr is an AI-powered platform that turns your ideas into production-ready deployed web apps. With bldr, you can generate complete full-stack applications including:

• Frontend: Beautiful React.js UIs with responsive layouts
• Backend: CRUD and domain APIs with routing and validation
• Database: SQL schemas, migrations, and seed data
• Authentication: Email, OAuth, and session management
• Integrations: Payments, email, OAuth, and more

Step 1: Describe Your Website

Start by describing your idea with the core features and pages you need. Be specific about:

• The type of application you want to build
• Key features and functionality
• Pages or screens you need
• Any specific requirements or integrations

Example Prompts

Here are some example prompts to get you started:

• “Build a real-time chat application with user authentication”
• “Create a responsive dashboard with analytics and charts”
• “Design an e-commerce store with product filtering”
• “Build a blog platform with markdown support and comments”

Step 2: bldr Scaffolds Your Project

Once you submit your prompt, bldr will automatically generate:

1. Frontend Components: React.js UI components with Tailwind CSS styling
2. API Routes: Serverless API endpoints with proper routing and validation
3. Database Schema: SQL tables with relations, indexing, and migrations
4. Authentication: Secure auth setup with role-based access control
5. Integrations: Pre-configured integrations for payments, email, and OAuth

All of this happens in minutes, giving you a production-ready foundation to build upon.

Step 3: Customize and Deploy

After bldr generates your initial project, you can:

Iterate with Chat

Use the chat interface to modify any aspect of your application:

• Add new features or pages
• Modify existing components
• Refine business logic
• Update styling and layouts

Simply describe what you want to change, and bldr will update your code accordingly.

One-Click Deploy

When you’re ready, deploy your application with a single click. bldr includes:

• Built-in CI/CD pipelines
• Environment management
• Secure secrets handling
• Monitoring and logging

Export Your Code

You own 100% of the generated code. At any time, you can:

• Export clean TypeScript code
• Self-host on your infrastructure
• Deploy to your preferred cloud provider
• Extend and customize as needed

Best Practices

Writing Effective Prompts

• Be specific: Include details about features, layout, and functionality
• Mention integrations: Specify if you need payments, email, OAuth, etc.
• Describe the user experience: Explain how users should interact with your app
• Include technical preferences: Mention any specific frameworks or patterns you prefer

Iterating on Your Project

• Start with a basic version and add features incrementally
• Use chat to refine specific components or pages
• Test your application as you build
• Review the generated code to understand the structure

Next Steps

• Learn about message credits and how they work
• Explore the features and capabilities of bldr
• Start building your first application!

Ready to get started? Join the beta waitlist to begin building with bldr.