Built for Developers
Everything you need to build amazing headless experiences. GraphQL APIs, TypeScript SDKs, CLI tools, and comprehensive documentation.
Get Started in Minutes
From zero to production-ready in 4 simple steps
Install CLI
npm install -g @dcloud/cli
Get the DCloud CLI tools
Create Site
dcloud create my-site
Provision a new Drupal instance
Generate Code
dcloud generate --typescript
Generate TypeScript types and client
Start Building
npm run dev
Start your Next.js development server
Developer Resources
Comprehensive tools and documentation for every need
API & Data Access
3 resources available
Development Tools
3 resources available
TypeScript SDK Features
Modern developer experience with enterprise reliability
TypeScript First
Full type safety with auto-generated schemas
React Hooks
Pre-built hooks for data fetching and caching
Next.js Optimized
SSG/SSR support with automatic optimization
Real-time Updates
WebSocket integration for live content
Offline Support
Intelligent caching and offline-first design
DevTools Integration
Browser extension for debugging and profiling
Code Examples
See DCloud.dev in action with real code snippets
GraphQL Query
import { client, GetArticlesDocument } from '@/lib/graphql'
export async function getStaticProps() {
const { data } = await client.query({
query: GetArticlesDocument,
variables: { first: 10 }
})
return {
props: { articles: data.nodeArticles.edges },
revalidate: 300
}
}
Webhook Handler
import { NextApiRequest, NextApiResponse } from 'next'
import { revalidatePath } from 'next/cache'
export default async function handler(
req: NextApiRequest,
res: NextApiResponse
) {
if (req.method === 'POST') {
const { entity_type, entity_id } = req.body
// Revalidate specific paths
if (entity_type === 'node') {
await revalidatePath(`/articles/${entity_id}`)
}
res.status(200).json({ revalidated: true })
}
}
Join the Developer Community
Connect with other developers, get help, and stay updated on the latest features and best practices.