Your First Orchestre Project β
π New Approach Available!
We now recommend starting with the Generate Your Implementation Tutorial command, which creates a personalized guide for YOUR specific project instead of a generic example. This page remains for those who prefer the traditional approach.
Let's create your first project with Orchestre! This tutorial will walk you through building a simple blog application, demonstrating how Orchestre's dynamic prompts adapt to your needs.
What We'll Build β
We'll create a modern blog with:
- π Article management (create, edit, delete)
- π€ User authentication
- π¬ Comments system
- π¨ Responsive design
- π Ready for deployment
Step 1: Initialize the Project β
In Claude Code, use the /create command to initialize a new project:
/create cloudflare my-blogOrchestre will:
- Analyze available templates
- Set up the project structure
- Create initial configuration
- Make all commands available via MCP prompts
You'll see output like:
π Initializing Orchestre project...
π Selected template: cloudflare-hono
β
Project created at: ./my-blog
π All Orchestre commands ready to use!π New in v5.0: No Command Installation!
Starting with Orchestre v5.0, commands are native MCP prompts. They work immediately without any installation in your project!
Step 2: Define Your Requirements β
Create a requirements file describing what you want to build:
Create a file called requirements.md with:
# My Blog Requirements
## Core Features
- Article CRUD operations (Create, Read, Update, Delete)
- User authentication with email/password
- Comment system with nested replies
- Admin panel for content management
- RSS feed generation
- Search functionality
## Technical Requirements
- Fast page loads (< 2s)
- SEO optimized
- Mobile responsive
- Markdown support for articles
- Image uploads with optimization
## Nice to Have
- Social media sharing
- Email notifications for comments
- Analytics integrationStep 3: Analyze and Plan β
Now let Orchestre analyze your requirements and create a development plan:
/orchestrate requirements.mdOrchestre will:
- π Analyze project complexity
- π― Identify key technical challenges
- π Create a phased implementation plan
- π‘ Suggest best practices
Example output:
π Project Analysis Complete
Complexity: Medium (Score: 6.2/10)
- Authentication system: 2.5
- Content management: 2.0
- Comment system: 1.7
Recommended Approach:
- Phase 1: Core blog functionality (2-3 hours)
- Phase 2: Authentication system (1-2 hours)
- Phase 3: Comments & interactions (1-2 hours)
- Phase 4: Polish & deployment (1 hour)
Key Technologies:
- Hono for API routing
- Cloudflare D1 for database
- Workers KV for caching
- React for admin panelStep 4: Execute the Plan β
Start implementing the first phase:
/execute-task "Set up core blog functionality with articles API"Watch as Claude Code:
- Creates the database schema
- Implements API endpoints
- Sets up data models
- Adds validation logic
π€ Claude Code in Action
// Generated by Orchestre - src/routes/articles.ts
import { Hono } from 'hono'
import { z } from 'zod'
import { getDB } from '../lib/database'
const articleSchema = z.object({
title: z.string().min(1).max(200),
slug: z.string().regex(/^[a-z0-9-]+$/),
content: z.string().min(10),
excerpt: z.string().max(300).optional(),
published: z.boolean().default(false),
})
export const articles = new Hono()
.get('/', async (c) => {
const db = getDB(c.env)
const articles = await db
.selectFrom('articles')
.where('published', '=', true)
.orderBy('created_at', 'desc')
.selectAll()
.execute()
return c.json({ articles })
})
.post('/', async (c) => {
const body = await c.req.json()
const validated = articleSchema.parse(body)
// Implementation continues...
})Step 5: Review Your Code β
After implementing core features, run a multi-LLM review:
/reviewThis triggers:
- π Security analysis by GPT-4
- π Performance review by Claude
- ποΈ Architecture assessment by Gemini
- β Consensus recommendations
Example review output:
π Multi-LLM Code Review
Security (GPT-4): β οΈ 2 issues found
- Missing rate limiting on API endpoints
- Consider adding CSRF protection
Performance (Claude): β
Good
- Efficient database queries
- Proper caching implementation
- Consider adding pagination
Architecture (Gemini): β
Excellent
- Clean separation of concerns
- Well-structured API routes
- Good error handling patterns
Consensus: Ready for next phase with minor improvementsStep 6: Iterate and Improve β
Continue building features:
/execute-task "Add user authentication with JWT"/execute-task "Implement comment system with nested replies"Each task builds upon the previous work, with Orchestre maintaining context and consistency.
Step 7: Deploy Your Project β
When ready to deploy:
/execute-task "Prepare for production deployment"Orchestre will:
- Set up environment variables
- Configure production builds
- Create deployment scripts
- Add monitoring setup
Your Blog is Ready! π β
Congratulations! You've built a complete blog application with:
- β RESTful API with Cloudflare Workers
- β Database with D1
- β Authentication system
- β Comment functionality
- β Admin panel
- β Production-ready configuration
Key Takeaways β
1. Dynamic Adaptation β
Notice how Orchestre adapted to your specific requirements rather than following a rigid template.
2. Intelligent Planning β
The phased approach broke down complexity into manageable chunks.
3. Quality Assurance β
Multi-LLM reviews caught issues before they became problems.
4. Context Awareness β
Each command built upon previous work, maintaining consistency.
What's Next? β
Now that you understand the basics, we recommend:
Pro Tips β
π‘ Use Natural Language
Don't worry about perfect syntax. Orchestre understands natural descriptions like "add a way for users to reset their password" just as well as technical specifications.
π Iterate Frequently
Run /review after each major feature. Catching issues early is always easier than fixing them later.
π Document as You Go
Use /update-state to record important decisions and /document-feature to create documentation alongside your code.
