Create Your Own Extension
Build custom extensions for DjangoCFG with our comprehensive toolkit and step-by-step guide
Before You Start
Make sure you have pnpm installed and are familiar with React, TypeScript, and Next.js
Use the CLI tool to generate your extension scaffolding with playground:
The CLI creates a complete extension with Next.js 15 playground for instant testing
Edit src/config.ts to define your extension metadata:
Create your extension components using DjangoCFG UI components:
See the UI Components tab for more examples and setup instructions
Add a preview.png file to your extension root (1200x630px recommended)
This image will automatically be displayed in the marketplace via unpkg CDN
Start the playground for instant testing with hot reload:
Playground features: Next.js 15, auto-build, auto-open browser, hot reload, BaseApp with theme/auth, AI docs search