Nexsas
Hugo

Edit Contents

Update Hugo page content from content/ and shared data from data/.

Content update from content/ folder

To update page data:

  1. Go to the root content/ folder.
  2. To update homepage, open content/_index.md and change the values you need.

Some data used on a page may come from another page (for example, testimonials used on homepage might come from a testimonial page file).

Images in layouts

Some images might be referenced directly from layouts. Go to themes/nextsaas/layouts and update image sources in partials/pages.

Example:

<img src="{{ \"imagepath.png\" | absURL }}" alt="hero Image" class="inline-block dark:hidden" />

Shared data from data/ folder

You can update shared/common data from the data/ folder (clients, userData, etc.):

project-root > data > ...yml

Example: update data/clients.yaml:

clients:
  - iconLight: "images/icons/client-logo-1.svg"
    iconDark: "images/icons/client-logo-dark-1.svg"

title: Edit Contents description: Update Hugo page content from content/ and data/ files. navigation: icon: i-lucide-edit order: 5 seo: title: Content Updates (Hugo) description: Where to edit page data and shared data in the Hugo project.

Content update from content/ folder

To update various page data:

  1. Go to the root content/ folder.
  2. To update the homepage, edit content/_index.md. You will find the homepage data there and can change the necessary values.
---
title: 'Crypto - NextSaaS'
date: 2023-01-01T08:00:00-07:00
seoTitle: 'Crypto - NextSaaS'
bodyClass: "bg-background-2 dark:bg-background-5"
heroSection:
  tagline: Finance
  sectionTitle: |
      Check the latest <span class="text-primary-500">crypto</span>
      <br class="hidden md:block" />
      price index.
  description: Stay updated with the latest bitcoin price index, offering real-time data, historical trends, and market insights to keep you informed about the cryptocurrency's value fluctuations.
  linkTextOne: Get started
  linkOne: /login-page-01
  linkTextTwo: Free Trial
  linkOne: /signup-page-01
  heroShapeLeftOne: "/images/home-page-1/hero-asset-1.svg"
  heroShapeLeftOneDark: "/images/home-page-1/hero-asset-dark-1.svg"
  heroShapeLeftTwo: "/images/home-page-1/hero-asset-2.png"
  heroShapeLeftTwoDark: "/images/home-page-1/hero-asset-2-dark.png"
  heroShapeRightOne: "/images/home-page-1/hero-asset-3.png"
  heroShapeRightOneDark: "/images/home-page-1/hero-asset-dark-3.png"
  heroShapeRightTwo: "/images/home-page-1/hero-asset-4.svg"
  heroShapeRightTwoDark: "/images/home-page-1/hero-asset-dark-4.svg"
  trustBadge:
    number: "20k+"
    text: "Customers across the globe"
    totalNumber: 99
    images:
      - "/images/avatar/avatar-1.png"
      - "/images/avatar/avatar-2.png"
      - "/images/avatar/avatar-3.png"
aboutSection:
  - tabName: Decentralization
    tabTitle: |
      Crypto is the leading <br class="hidden lg:block" />
            platform for
            <span class="text-primary-500">crowd sales!</span>
    tabTag: About
    tabDescription: |
      Most cryptocurrencies are not controlled by any central authority such as a government
            or financial institution.
    tablist:
      - icon: ns-shape-6
        title: Interactive reports
        text: Learn about your users.
      - icon: ns-shape-46
        title: Team dashboard
        text: Monitor your metrics.
      - icon: ns-shape-47
        title: Limitless segmentation
        text: Surface hidden trends.
    tabLinkText: About Us
    tabLink: /about-page-01
    tabImage: "/images/home-page-1/about-decentralization-1.png"
  # ... more content ...
---
  1. Some data used on a page may come from another page. Example: testimonial data on the homepage might come from content/testimonial-page-01/_index.md.
  2. Some images may need to be changed directly from layouts. Go to themes/nextsass/layouts, then update image sources in partials/pages.
<img
  src="{{ \"imagepath.png\" | absURL }}"
  alt="hero Image"
  class="inline-block dark:hidden"
/>

Note: data for respective pages is stored under content/<page>/_index.md (for example content/aboutpage-01).

Content update from data/ folder

You can update some shared/common data from the data/ folder (clients, userData, etc.):

project-root > data > ...yml
  • YAML basics: https://www.educative.io/blog/yaml-tutorial
  • Example: to update clients, edit data/clients.yaml and adjust the icons
---
enable: true
title: >
subTitle: >
clients:
  - iconLight: "images/icons/client-logo-1.svg"
    iconDark: "images/icons/client-logo-dark-1.svg"
  - iconLight: "images/icons/client-logo-2.svg"
    iconDark: "images/icons/client-logo-dark-2.svg"
  # ... more items ...
---

Edit Pages

Locate and edit Hugo page layouts, navbar, footer, and sections.

Site Configuration

Configure your Hugo site using hugo.toml parameters.

Copyright © 2026