Basic Workflow

Understanding the Weldship workflow will help you build applications more efficiently. The core cycle is simple: Build, Preview, Deploy.

Workflow Overview

Every project in Weldship follows a straightforward workflow:

  1. Build - Create or modify your application using AI prompts
  2. Preview - See your changes instantly in the visual preview
  3. Deploy - Push your changes to production when ready

Build Phase

The build phase is where you create and modify your application. There are several ways to build:

AI Prompts

The primary way to build is through natural language prompts. Describe what you want, and the AI generates the code. You can:

  • Create new components and sections
  • Modify existing elements
  • Add interactivity and logic
  • Fix bugs and issues
  • Refactor and improve code

File Uploads

Upload files to inform your design:

  • Images - Upload images and screenshots for the AI to analyze
  • Documents - Upload specs, requirements, or content
  • Figma Designs - Import designs directly from Figma

Voice Input

Use voice commands to describe changes hands-free. Click the microphone button and speak your request.

Iterative Building

Don't try to build everything at once. Start with a basic structure and iterate. Each prompt can add or modify one aspect of your application.

Preview Phase

The preview shows your application exactly as it will appear when deployed.

Real-Time Updates

As the AI generates code, the preview updates in real-time. You can see changes appearing as they're made.

Responsive Preview

Preview your application across different devices:

  • Desktop - Full-width view for desktop screens
  • Tablet - Medium-width view for tablets
  • Mobile - Narrow view for mobile phones

Code Viewer

Switch to the code viewer to see the generated source code. You can browse files, view syntax-highlighted code, and understand how your application is structured.

Deploy Phase

When you're ready to go live, deploy your application with one click.

Environments

Weldship supports multiple environments:

  • Development - For testing and experimentation
  • Staging - For pre-production review
  • Production - Your live, public application

Deployment Process

When you deploy:

  1. Your code is built and optimized
  2. Assets are uploaded to a global CDN
  3. Your application goes live at your chosen URL
  4. SSL certificates are automatically provisioned

Instant Rollback

Made a mistake? Every deployment is versioned, so you can instantly roll back to any previous version.

Best Practices

Deploy Frequently

Deploy often to keep your production environment up to date. Each deployment creates a version you can roll back to if needed.

Test Responsiveness

Always check your application on multiple device sizes before deploying. Use the device preview buttons to ensure everything looks good.

Review Generated Code

Occasionally review the generated code to understand what the AI is creating. This helps you make more informed prompts.

Next Steps

Now that you understand the basic workflow, dive deeper into specific areas:

PreviousYour First ProjectNextDashboard