Techlo Lite

Techlo Lite is a free Astro theme for IT firms, software teams, and technology consultancies — a lighter starter built from the same design system as Techlo, without the weight of the full page library.

Techlo Lite works best when the first goal is a credible technology website with real content structure: services, a team, and a blog. It is not meant to replace a full marketing site with portfolio, pricing, and multiple homepages.

Why Use The Lite Version

Techlo Lite keeps the setup simple while still giving you a real technology-site structure.

• Free to download and launch
• Fast Lighthouse-friendly base
• Services and team as real content collections
• Full blog with categories, tags, and pagination
• Multilingual structure with a cleanup script
• Three contact form provider options

What You Can Launch Fast

The source project keeps the route set focused:

• Home
• Services and Service Single
• Team and Team Single
• Blog, Blog Single, Category, Tag, and Pagination
• Custom content pages through the shared page route (Privacy Policy, Terms & Conditions)
• 404 Page

That is enough for a real IT services website on day one, with room to grow later.

A Blog You Can Use Right Away

Unlike most free starters, Techlo Lite ships a complete blog system:

• Post grid with pagination
• Category and tag archive pages
• Markdown and MDX support with syntax highlighting
• Optional table of contents

Navigation That Is Ready To Grow

Even the free version includes the stronger menu system from the pro theme.

• Mega menu and multi-level dropdown support
• Badge support in menu data
• Configurable header navigation button
• Mobile-friendly navigation

You edit the header structure in JSON instead of touching header logic.

{
  "name": "Services",
  "hasChildren": true,
  "children": [
    { "name": "Services", "url": "/services/" },
    { "name": "Service Single", "url": "/services/custom-service-slug/" }
  ]
}

Clean Config For Fast Edits

The important settings stay easy to find.

• src/config/config.toml
• src/config/menu.en.json
• src/config/menu.fr.json
• src/config/social.json

You can control the sticky header, smooth scrolling, animations, and contact form provider from one file.

[settings]
stickyHeader = true
contactFormProvider = "formsubmit.co"

Multilingual Only If You Need It

Techlo Lite includes English and French structure, but you are not forced to keep it.

If the project only needs one language:

npm run remove-multilingual

That is useful for quick launches where the second language would only slow down content work.

Contact Setup Without Extra Work

The source project supports three form submission paths:

• formsubmit.co
• formspree
• netlify

That gives you a practical starter path for small launches and a cleaner upgrade path later.

AI-Assisted Coding Ready

Techlo Lite ships with built-in instructions for AI coding assistants, so tools like Claude, OpenAI Codex, Cursor, GitHub Copilot, Gemini, and Windsurf can read the theme’s structure, content model, and conventions from the start.

Instead of guessing, your assistant follows the same rules the theme is built on: where sections, content, and schemas live, which shared components to reuse, and how to stay on the design system.

• AGENTS.md — full project rules for any agent (also read natively by OpenAI Codex)
• CLAUDE.md — guidance for Claude and Claude Code
• GEMINI.md — guidance for the Gemini CLI
• SKILLS.md — step-by-step recipes for the jobs you do most (add a section or page, rebrand, manage languages, add an icon)
• .cursor/rules, .github/copilot-instructions.md, .windsurf/rules — editor rules for Cursor, GitHub Copilot, and Windsurf

The result is simpler AI-assisted editing with fewer off-pattern changes.

A Good Free Starting Point

Choose Techlo Lite if you need a free technology starter that already handles services, team, and blog content without adding a large page library.

If you want three homepages, a projects portfolio, pricing, FAQ, and the full technology page library, move to Techlo Pro.