Basics

Project Structure

Understand the Thulite project structure and where to place content, configuration, templates, assets, and static files for smooth workflows.

Pages

Create and organize Thulite pages with regular files, leaf bundles, and branch bundles while controlling URL structure through content paths.

Markdown

Write Thulite content with Markdown syntax, frontmatter, code blocks, and media patterns that keep documentation readable and easy to maintain.

Shortcodes

Use and create Hugo shortcodes in Thulite to embed reusable UI patterns in Markdown, keeping content expressive and template logic reusable.

Archetypes

Define archetypes to standardize frontmatter for new content, reduce repetitive editing, and keep metadata consistent across sections in Thulite.

Layouts

Understand Thulite layout files, partial structure, and Hugo template lookup so you can customize how home, list, and single pages are rendered.

Partials

Build reusable partial templates in Thulite layouts to share rendering logic, reduce duplication, and keep template code maintainable.

Menus

Configure multilingual navigation menus in Thulite with menu files, weights, and page references for clear main, social, and footer navigation.

Styles

Customize Thulite styling with SCSS variables and custom stylesheets, then rely on the build pipeline for compiled and optimized CSS output.

Scripts

Add custom JavaScript in Thulite using assets/js, DOM-ready patterns, and focused behaviors that improve interactivity without slowing pages.

Images

Organize and reference images in Thulite using practical paths, accessible alt text, and asset guidelines that keep pages clear and performant.

Fonts

Self-host fonts in Thulite with Fontsource, Hugo mounts, and SCSS variables to improve privacy, consistency, and performance across your site.

Templates Overview

Compare official Thulite templates, including starters and themes, to choose a foundation that matches your content model and styling approach.

Basic

Choose the Basic starter for a minimal Thulite foundation that prioritizes simplicity, speed, and straightforward project customization.

Bolt

Choose the Bolt theme for a lightweight Thulite blog experience focused on readability, clean design, and high performance.

Bootstrap

Choose the Bootstrap starter for Thulite to build responsive pages quickly with preconfigured Bootstrap styles and components.

Doks

Choose the Doks theme for modern Thulite documentation sites with strong readability, search, i18n, and versioning support.

Tailwind CSS

Choose the Tailwind CSS starter for Thulite to build quickly with utility-first styling and flexible design customization.

Integrations Overview

Review official Thulite integrations for themes, CSS frameworks, images, SVG, and SEO so you can extend projects with supported tooling.

Bolt Core

Use the Bolt core integration to power the Bolt theme in Thulite, enabling theme features and smoother customization workflows.

Bootstrap

Use the official Bootstrap integration for Thulite to build responsive interfaces with familiar components and streamlined setup.

Core

Learn about Thulite core, the foundational integration that provides essential services and interoperability across the framework ecosystem.

Doks Core

Use Doks core to power the Doks theme in Thulite, supporting documentation-focused features and consistent theme behavior.

Images

Use the official Thulite Images integration to optimize media handling and deliver responsive images with a workflow designed for Hugo sites.

Inline SVG

Use the official Inline SVG integration for Thulite to embed SVG assets in templates and content with flexible rendering support.

SEO

Use the official SEO integration for Thulite to manage metadata and improve search visibility, sharing previews, and content discoverability.

Tailwind CSS

Use the Tailwind CSS integration for Thulite to enable utility-first styling and rapid interface development in your project.

Deployment Overview

Compare deployment options for Thulite and follow platform-specific guides to configure builds, publish public output, and launch reliably.

AWS Amplify

Deploy Thulite to AWS Amplify with Git-based continuous deployment, custom amplify.yml settings, and correct build output from the public folder.

Cloudflare Pages

Deploy Thulite to Cloudflare Pages using Git integration or Wrangler, with correct build commands, output settings, and optional local preview.

Github Pages

Host a Thulite site on GitHub Pages with a GitHub Actions workflow that builds, publishes artifacts, and deploys automatically on pushes.

Gitlab Pages

Deploy Thulite to GitLab Pages using a CI pipeline that installs dependencies, runs production builds, and publishes the public directory.

Google Firebase

Deploy Thulite with Firebase Hosting by configuring firebase files, building your site, and publishing the public output with the Firebase CLI.

Microsoft Azure

Deploy Thulite to Azure Static Web Apps from GitHub using the VS Code extension, generated workflows, and compatible Node and Hugo versions.

Netlify

Deploy Thulite to Netlify through the web UI or CLI, configure build and publish settings, and manage runtime versions for reliable builds.

Render

Deploy Thulite to Render by connecting a repository, setting build and publish options, and configuring a compatible Node.js version for builds.

Vercel

Deploy Thulite to Vercel with automatic project detection via UI or CLI, then use preview and production deployments from your Git workflow.