Start Building Your App

Learn how to use CodeVibe's AI-powered development workflow to create stunning web applications

Getting Started

1. Install dependencies

npm install

2. Run the development server

npm run dev

3. Open in browser

Open http://localhost:3000 in your browser

Define Your Main Idea

Start by clearly describing your website's core concept. Use any AI tool you're comfortable with to brainstorm and refine your idea.

Example prompt for AI:

"I want to create a modern e-commerce website for handmade crafts. The site should have a clean design, product galleries, shopping cart, and user accounts."

Provide Content with Prompts

Once you have your concept, provide detailed content and requirements using prompts within the IDE. CodeVibe will build your site step by step based on your specifications.

Example development prompt:

"Create a hero section with a gradient background, navigation bar, and call-to-action button. Use modern design with animations."

Build Step by Step

CodeVibe will generate the code incrementally. Start with basic structure and gradually add features, components, and styling based on your prompts.

Add components:

"Add a contact form with validation"

Style improvements:

"Make the buttons more modern with gradients"

Essential Development Commands

Development

npm run dev

Start development server

npm run build

Build for production

Project Management

npm install

Install dependencies