Skip to main content

​
Overview

Latch uses TypeScript configuration files located in the config/ folder to manage all content and settings. This approach provides type safety, better IDE support, and easier maintenance compared to JSON or environment variables.
All configuration files are in TypeScript format (.ts) and located in the config/ directory

​
Quick Start

1

Locate the config folder

Navigate to the config/ directory in your project root
2

Choose a config file

Find the file corresponding to what you want to change (see reference below)
3

Edit the configuration

Open the file and modify the exported configuration object
4

Save and test

Changes are applied automatically - refresh your browser to see updates

​
Configuration Categories

​
Brand & Identity

Branding

Company name, logo, colors, navigation, and footerFile: config/branding.ts

SEO & Meta

Site title, description, Open Graph, and meta tagsFile: config/seo.ts

Currency

Currency symbol, code, and positionFile: config/shared/currency.ts

Sale Banner

Promotional banner at the top of your siteFile: config/promotions/sale-banner.ts

​
Content Pages

Homepage

Hero section, features, and homepage contentFile: config/home.ts

About Page

Company information and missionFile: config/pages/about.ts

Contact Page

Contact form and support informationFile: config/pages/contact.ts

Jobs Page

Career opportunities and job listingsFile: config/pages/jobs.ts

​
Hosting Products

VPS Hosting

VPS plans and specificationsFile: config/hosting/vps.ts

Dedicated Servers

Dedicated server configurationsFile: config/hosting/dedicated.ts

Web Hosting

Shared and managed hostingFile: config/hosting/web-hosting.ts

​
Game Server Hosting

Games Listing

All available game serversFile: config/games/index.ts

Individual Games

Specific game configurationsFile: config/games/[gamename].ts

​
Support & Information

Knowledgebase

Help articles and documentationFiles: config/knowledgebase/

FAQ

Frequently asked questionsFile: config/faq.ts

Testimonials

Customer reviews and feedbackFile: config/testimonials.ts

Changelogs

Version history and updatesFile: config/changelogs.ts

​
Technical Specs

Hardware Specs

Server specifications and componentsFile: config/hardware.ts

Partners

Partner integrations and affiliatesFile: config/pages/partners.ts

Privacy Policy

Privacy policy contentFile: config/legal/privacy.ts

Terms of Service

Terms and conditionsFile: config/legal/terms.ts

​
Configuration File Structure

All configuration files follow a similar pattern: 
// Example: config/example.ts
export const exampleConfig = {
  // Your configuration here
  property: "value",
  nested: {
    item: "data"
  }
};
  • Type Safety: Catch errors before runtime
  • IntelliSense: Auto-completion in your IDE
  • Documentation: Inline type hints
  • Refactoring: Easy to update across files

​
Quick Reference Table

What to ChangeFile PathDocumentation
Company name & logoconfig/branding.tsBranding
Brand colorsconfig/branding.tsBranding
Navigation menuconfig/branding.ts → navbarConfigBranding
Footer linksconfig/branding.ts → footerConfigBranding
SEO & Meta tagsconfig/seo.tsSEO
Homepage contentconfig/home.tsHome
Customer reviewsconfig/testimonials.tsTestimonials
FAQ questionsconfig/faq.tsFAQ
Changelogsconfig/changelogs.tsChangelogs
Hardware specsconfig/hardware.tsHardware
About pageconfig/pages/about.tsAbout
Contact pageconfig/pages/contact.tsContact
Jobs pageconfig/pages/jobs.tsJobs
Games listingconfig/games/index.tsGames
Game pagesconfig/games/[gamename].tsGame Pages
VPS hostingconfig/hosting/vps.tsVPS
Dedicated serversconfig/hosting/dedicated.tsDedicated
Web hostingconfig/hosting/web-hosting.tsWeb Hosting
Partners pageconfig/pages/partners.tsPartners
Knowledgebaseconfig/knowledgebase/index.tsKB
KB articlesconfig/knowledgebase/articles/KB
Sale bannerconfig/promotions/sale-banner.tsBanner
Currency settingsconfig/shared/currency.tsCurrency
Privacy policyconfig/legal/privacy.tsLegal
Terms of serviceconfig/legal/terms.tsLegal