Configuration Basics

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

Locate the config folder

Navigate to the config/ directory in your project root

Choose a config file

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

Edit the configuration

Open the file and modify the exported configuration object

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

Legal Pages

Privacy Policy

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"
  }
};

TypeScript Benefits
Best Practices

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 Change	File Path	Documentation
Company name & logo	`config/branding.ts`	Branding
Brand colors	`config/branding.ts`	Branding
Navigation menu	`config/branding.ts` → `navbarConfig`	Branding
Footer links	`config/branding.ts` → `footerConfig`	Branding
SEO & Meta tags	`config/seo.ts`	SEO
Homepage content	`config/home.ts`	Home
Customer reviews	`config/testimonials.ts`	Testimonials
FAQ questions	`config/faq.ts`	FAQ
Changelogs	`config/changelogs.ts`	Changelogs
Hardware specs	`config/hardware.ts`	Hardware
About page	`config/pages/about.ts`	About
Contact page	`config/pages/contact.ts`	Contact
Jobs page	`config/pages/jobs.ts`	Jobs
Games listing	`config/games/index.ts`	Games
Game pages	`config/games/[gamename].ts`	Game Pages
VPS hosting	`config/hosting/vps.ts`	VPS
Dedicated servers	`config/hosting/dedicated.ts`	Dedicated
Web hosting	`config/hosting/web-hosting.ts`	Web Hosting
Partners page	`config/pages/partners.ts`	Partners
Knowledgebase	`config/knowledgebase/index.ts`	KB
KB articles	`config/knowledgebase/articles/`	KB
Sale banner	`config/promotions/sale-banner.ts`	Banner
Currency settings	`config/shared/currency.ts`	Currency
Privacy policy	`config/legal/privacy.ts`	Legal
Terms of service	`config/legal/terms.ts`	Legal

Getting Started

Configuration

Products & Hosting

Page Configuration

Deployment

Help & Resources

Overview

Quick Start

Configuration Categories

Brand & Identity

Branding

SEO & Meta

Currency

Sale Banner

Content Pages

Homepage

About Page

Contact Page

Jobs Page

Hosting Products

VPS Hosting

Dedicated Servers

Web Hosting

Game Server Hosting

Games Listing

Individual Games

Support & Information

Knowledgebase

FAQ

Testimonials

Changelogs

Technical Specs

Hardware Specs

Partners

Legal Pages

Privacy Policy

Terms of Service

Configuration File Structure

Quick Reference Table

​Overview

​Quick Start

​Configuration Categories

​Brand & Identity

Branding

SEO & Meta

Currency

Sale Banner

​Content Pages

Homepage

About Page

Contact Page

Jobs Page

​Hosting Products

VPS Hosting

Dedicated Servers

Web Hosting

​Game Server Hosting

Games Listing

Individual Games

​Support & Information

Knowledgebase

FAQ

Testimonials

Changelogs

​Technical Specs

Hardware Specs

Partners

​Legal Pages

Privacy Policy

Terms of Service

​Configuration File Structure

​Quick Reference Table

Overview

Quick Start

Configuration Categories

Brand & Identity

Content Pages

Hosting Products

Game Server Hosting

Support & Information

Technical Specs

Legal Pages

Configuration File Structure

Quick Reference Table