create-credbuild-app

Create a new CredBuild project with a single command.

Usage

npx create-credbuild-app my-website
cd my-website
npm run dev

Then open http://localhost:3000/edit to access the visual editor.

What's included

• ⚡ Next.js 16 — Latest framework with App Router
• 🎨 40+ Premium Blocks — Hero sections, pricing, testimonials, galleries, and more
• 🖼️ Visual Drag & Drop Editor — Build pages without code
• 📱 Responsive — Every block works on all screen sizes
• 🎯 SEO Optimized — Semantic HTML and meta tags built-in
• 🔧 Fully Customizable — Fine-tune colors, spacing, and typography

Project Structure

my-website/
├── src/
│   ├── app/
│   │   ├── page.tsx          # Landing page
│   │   ├── layout.tsx        # Root layout
│   │   ├── globals.css       # Global styles
│   │   ├── credbuild/        # Editor route
│   │   └── api/              # API routes
│   └── proxy.ts              # Media proxy
├── credbuild.config.tsx       # Block configuration
├── next.config.ts             # Next.js config
└── package.json

Commands

| Command | Description | |---------|-------------| | npm run dev | Start development server | | npm run build | Build for production | | npm start | Start production server |

Learn More

• CredBuild Documentation
• Next.js Documentation