Skip to main content

Static Pages

Static pages are editable from Decap CMS. They live in src/pages/.

Access CMS on Static Pages

nocturne docsuarus themes premium pro

Where to Edit​

In the CMS:

  1. Click Static Pages in the sidebar
  2. Click any page — or New Static Pages

You'll see these fields:

  • Title
  • Description
  • Keywords
  • Body

Title​

The page title. Shown in the browser tab and used in SEO metadata.

Example:

About Nocturne

Tips:

  • Keep it under 60 characters
  • Use your brand name
  • Be specific

Description​

A short description of the page. Used in SEO metadata and social shares.

Example:

Nocturne is a premium Docusaurus documentation system by Axcora Technology. Elegant design, Decap CMS, Pagefind search.

Tips:

  • Keep it under 160 characters
  • Describe what the page is about
  • Be specific, not generic

Keywords​

A list of keywords for SEO. Each keyword is a separate item.

Example:

About Nocturne
Premium Docusaurus
Docusaurus documentation system
Decap CMS
Pagefind search
Axcora Technology

To add a keyword:

  1. Click Add Keywords
  2. Type the keyword
  3. Press Enter
  4. Click Save

To remove: click the trash icon next to the keyword.

Tips:

  • Use 5 to 10 keywords
  • Use specific phrases, not single words
  • Don't repeat the same keyword

Body​

The page content in Markdown. This is where the actual content lives.

Example:

# About Nocturne

**Nocturne** is a premium Docusaurus documentation system by [Axcora Technology](https://axcora.com).

It ships with an elegant design, Decap CMS, and Pagefind search — all wired.

## What Makes Nocturne Different

- Premium design system
- Decap CMS included
- Pagefind search

Markdown supports:

  • Bold, italic
  • Headings (#, ##, ###)
  • Lists (bulleted, numbered)
  • Links [text](url)
  • Images ![alt](/img/file.webp)
  • Code blocks
  • Tables

Full Example​

Here's what src/pages/about.md looks like:

---
title: About Nocturne — Premium Docusaurus Documentation System
description: Nocturne is a premium Docusaurus documentation system by Axcora Technology. Elegant design, Decap CMS, Pagefind search.
keywords:
  - About Nocturne
  - Premium Docusaurus
  - Docusaurus documentation system
  - Decap CMS
  - Pagefind search
  - Axcora Technology
---

# About Nocturne

**Nocturne** is a premium Docusaurus documentation system by [Axcora Technology](https://axcora.com).

It ships with an elegant design, Decap CMS, and Pagefind search — all wired. No design skills needed.

## Why We Built Nocturne

Documentation is often the first thing users see. And the last thing teams polish.

We built Nocturne because documentation deserves better.

## What You Get

- Premium design system
- Decap CMS
- Pagefind search
- Full documentation

Default Pages​

Nocturne ships with these static pages:

FileURLPurpose
src/pages/about.md/aboutAbout page
src/pages/pricing.md/pricingPricing page
src/pages/services.md/servicesServices page

You can add more — click New Static Pages in the CMS.

Creating a New Page​

  1. Click Static Pages
  2. Click New Static Pages
  3. Fill in:
    • Title
    • Description
    • Keywords (list)
    • Body (Markdown)
  4. Click Save

The page automatically gets a URL based on the title:

Title: About Nocturne → /about-nocturne
Title: Pricing → /pricing

Adding Images​

Place images in static/img/. Reference them:

![Alt text](/img/my-image.webp)

Note: Use /img/ with a leading slash — this is different from the JSON data files where you use img/ without the slash.

After Editing​

  1. Click Save in the CMS
  2. The page updates instantly
  3. Refresh your browser to see changes

Changes affect:

  • Page content
  • SEO metadata
  • Social share preview
  • Sitemap

Common Issues​

Page doesn't appear in the navbar​

The page exists, but it's not linked in the navbar. Add it manually in src/data/navbar.json — see Navbar & Footer.

Page returns 404​

  1. Check that the file is in src/pages/
  2. Check that the frontmatter is valid
  3. Restart the dev server

Body content doesn't render​

  1. Check the Markdown syntax
  2. Preview in the CMS editor
  3. Check the terminal for errors

Image doesn't load​

  1. Check that the file exists in static/img/
  2. Check that the path starts with /img/
  3. Check the file extension

Keywords don't show in SEO​

  1. Check that the keywords are saved in the file
  2. Check docusaurus.config.ts for keyword handling
  3. Rebuild the site

Tips​

  • Keep pages focused — one topic per page
  • Use Markdown headings — ## and ###
  • Add internal links — link to other pages
  • Use images — visual breaks improve readability
  • Update SEO fields — title, description, keywords

What's Next?​

Now let's edit documentation pages.

👉 Next: Docs →