Developer Guide
This section is for developers who want to understand Nocturne's structure and extend it.
What You'll Learn
| Topic | Description |
|---|---|
| Architecture | Folder structure, file flow, how Nocturne works |
| Add New Doc | Create a new documentation page |
| Add New Category | Create a new sidebar category manually |
Who This Is For
- Developers familiar with Docusaurus
- Anyone editing Nocturne's source code
- Agencies customizing Nocturne for clients
Prerequisites
Before reading this section, make sure you understand:
- Docusaurus basics — Docusaurus docs
- React basics — components, props, JSX
- TypeScript basics — for
docusaurus.config.tsandsidebars.ts
If you're not a developer, stick with the Configuration and Customization sections instead.
The Key Difference
Nocturne is a Docusaurus project with a premium theme and Decap CMS pre-configured.
What that means for developers:
- Everything is standard Docusaurus — no custom build system
- The theme is CSS + React — no build step beyond Docusaurus
- Decap CMS runs from CDN — no Node backend
You can extend Nocturne using any Docusaurus technique.
Common Tasks
| Task | Guide |
|---|---|
| Add a new documentation page | Add New Doc |
| Add a new sidebar category | Add New Category |
| Edit the theme | Customization → Theme |
| Edit React components | Customization → Components |
| Edit CSS | Customization → CSS |
What's Next?
Start with the architecture — understand how Nocturne is organized.