AI-powered documentation builder with rich text editing capabilities.
- 📝 Rich text editing with BlockNote
- 🗂️ JSON-based content storage
- 🎨 Clean, Notion-like UI
- 🔍 Easy navigation
- 🤖 AI-powered assistance (coming soon)
- Framework: Next.js 14 (App Router)
- Editor: BlockNote
- Styling: Tailwind CSS + shadcn/ui
- Language: TypeScript
- Node.js 18 or higher
- pnpm package manager
- Git
# Clone the repository
git clone https://github.com/themegrill/docs-builder.git
cd docs-builder
# Initialize submodule
git submodule update --init --recursive
# Install dependencies
cd packages/web
pnpm install
# Start development server
pnpm devOpen http://localhost:3000 in your browser.
docs-builder/
├── content/ # Git submodule (documentation content)
│ └── docs/
│ ├── meta.json # Navigation structure
│ └── *.json # Documentation pages
└── packages/
└── web/ # Next.js application
├── app/ # App router pages
├── components/ # React components
└── lib/ # Utilities
- Create a new JSON file in
content/docs/your-section/ - Update
content/docs/meta.jsonto include the new page in navigation - Commit changes to the content repository
{
"meta": {
"title": "Page Title",
"description": "Page description",
"slug": "section/page-name",
"createdAt": "2024-01-29T00:00:00Z",
"updatedAt": "2024-01-29T00:00:00Z",
"order": 1
},
"blocks": [
// BlockNote block structure
]
}cd packages/web
pnpm devcd packages/web
pnpm build
pnpm start- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
[Your License Here]
Maintained by ThemeGrill