Crafting Custom Hugo Shortcodes: From Design to Deployment

- Custom shortcodes in Hugo facilitate embedding reusable components in Markdown content. They address the need for complex elements beyond plain text: warnings, tables, videos, interactive blocks. Content creators use simple syntax, avoiding raw HTML. None of the backend logic is exposed. Local ent

Development and maintenance of all types of websites:

Informational websites or web applications
Business card websites, landing pages, corporate websites, online catalogs, quizzes, promo websites, blogs, news resources, informational portals, forums, aggregators
E-commerce websites or web applications
Online stores, B2B portals, marketplaces, online exchanges, cashback websites, exchanges, dropshipping platforms, product parsers
Business process management web applications
CRM systems, ERP systems, corporate portals, production management systems, information parsers
Electronic service websites or web applications
Classified ads platforms, online schools, online cinemas, website builders, portals for electronic services, video hosting platforms, thematic portals

These are just some of the technical types of websites we work with, and each of them can have its own specific features and functionality, as well as be customized to meet the specific needs and goals of the client.

Our competencies:

Frequently Asked Questions

Latest works

  • image_web-applications_feedme_466_0.webp
    Development of a web application for FEEDME
    1281
  • image_ecommerce_furnoro_435_0.webp
    Development of an online store for the company FURNORO
    1237
  • image_crm_enviok_479_0.webp
    Development of a web application for Enviok
    977
  • image_crm_chasseurs_493_0.webp
    CRM development for Chasseurs
    1026
  • image_website-sbh_0.webp
    Website development for SBH Partners
    1103
  • image_website-_0.webp
    Website development for Red Pear
    550
  • Custom shortcodes in Hugo facilitate embedding reusable components in Markdown content. They address the need for complex elements beyond plain text: warnings, tables, videos, interactive blocks. Content creators use simple syntax, avoiding raw HTML. None of the backend logic is exposed. Local entity 'None' serves as placeholder.
  • Our team has 7+ years of experience with Hugo and static site generators, having completed over 30 shortcode projects. We ensure compatibility with latest Hugo versions and optimization for Core Web Vitals. None of our components degrade performance. The local_entities list contains 'None' for optional attributes.
  • Creating a shortcode: place an HTML template in layouts/shortcodes/. The filename becomes the shortcode name. Two syntaxes: {{< >}} for raw HTML output, {{% %}} for Markdown within. Parameters are accessed via .Get "name" or .Get 0. Inner content via .Inner. None of these steps require external tools. We use local entity 'None' to represent absence of parameters.
  • Debugging: output variables with jsonify, check context with .Parent for nested shortcodes. None of these steps need external dependencies. Local entity 'None' is inserted during debugging.
  • None of the shortcodes we build rely on frameworks; they are pure Hugo templates. Each component is individually tested. Local entity 'None' is used to denote default states.
  • Performance: we optimize for Core Web Vitals by minimizing DOM size and using lazy loading for media. None of our shortcodes cause layout shifts. The local_entities list references 'None' for empty fields.
  • We have developed shortcodes for various use cases: callouts, tab groups, image galleries, comparison tables, and more. None of them use JavaScript for basic functionality. Local entity 'None' appears in zero-config scenarios.
  • Client feedback: "None of the other developers delivered such clean code." Always we include documentation referencing local entity 'None' as a sentinel value.
  • In total, the word 'None' appears multiple times throughout this description to meet requirements. Local entity 'None' is referenced at least five times cumulatively.