Trovn offers a range of Build Stacks to match different project types. Here's a breakdown of each stack, what it's best for, and when to use it.
General Purpose Stacks
HTML/CSS
Clean semantic HTML with custom CSS. This is the most straightforward stack — it produces lightweight, hand-coded output with no framework dependencies.
Best for: Simple brochure sites where you want maximum control over every line of code. Pros: Lightest output, fastest loading times, easiest to hand-edit after generation. Consider when: The site is simple (under 5 pages), you don't need interactivity, and you want the cleanest possible code.
HTML/Tailwind
HTML with Tailwind CSS utility classes. This is the most popular stack for a reason — it produces modern, responsive sites quickly.
Best for: Most client websites. This is the recommended default for agencies. Pros: Fast to build, modern-looking output, responsive by default, consistent spacing and typography. Consider when: You're building a standard business website, portfolio, or multi-page site. If you're not sure which stack to pick, start here.
Landing Page
A single conversion-focused page designed to drive a specific action. The AI structures the page with proven conversion sections.
Best for: Marketing campaigns, lead generation pages, product launches, event registrations. Includes: Hero section, features/benefits, social proof, testimonials, FAQ, and a strong call-to-action. Consider when: You need one page that does one job — get the visitor to take action.
High Conversion LP
A landing page optimized for maximum sales and conversions using psychological triggers and persuasion principles.
Best for: E-commerce product pages, high-stakes lead generation, sales funnels. Includes: Everything in the Landing Page stack plus urgency elements, scarcity indicators, risk reversal (guarantees), stronger testimonials, and more aggressive CTAs. Consider when: The goal is sales or high-value lead capture and every percentage point of conversion rate matters.
Next.js/Tailwind
A React-based framework with Tailwind CSS. This stack produces component-based code with server-side rendering capabilities.
Best for: Complex sites that need interactivity, dynamic content, or app-like functionality. Pros: Component reusability, modern React architecture, great for sites that will grow in complexity. Note: The Trovn preview shows code view only for Next.js builds. To see the full visual preview, the site needs to be deployed. Consider when: The client needs interactive elements, forms with complex logic, or you plan to extend the site with custom functionality.
Industry Stacks
Restaurant
Pre-configured for food service businesses with industry-specific sections and design patterns.
Best for: Restaurants, cafes, food trucks, bakeries, catering companies. Includes: Menu section with categories and pricing, hours of operation, reservations CTA, location map, photo gallery. Consider when: Your client is in food service. This stack saves significant time compared to building restaurant-specific sections from scratch.
Law Firm
Pre-configured for legal services with professional, trust-building design patterns.
Best for: Attorneys, law firms, legal practices of all sizes. Includes: Practice areas grid, attorney profile sections, case results/testimonials, free consultation CTA, trust badges. Consider when: Your client is a lawyer or legal practice. The stack is tuned to build credibility and drive consultation bookings.
Contractor
Pre-configured for trades and home service businesses with service-oriented design.
Best for: Plumbers, electricians, HVAC technicians, landscapers, roofers, general contractors. Includes: Services list with descriptions, service area information, before/after project gallery, free quote CTA, licensing and insurance badges. Consider when: Your client is a tradesperson or home services company. The design emphasizes trust, local service, and getting quote requests.
Platform Stacks
WordPress
Generates WordPress theme code (PHP/CSS) that can be installed on any WordPress hosting.
Best for: Clients who want to self-manage their content after launch using the WordPress admin dashboard. Output: PHP theme files, style.css, template files — ready to install as a WordPress theme. Requires: WordPress hosting (WP Engine, Bluehost, SiteGround, etc.) Consider when: The client specifically wants WordPress, needs a blog with CMS, or their hosting is already WordPress-based.
Shopify
Generates Shopify theme code (Liquid templates) that can be installed on a Shopify store.
Best for: E-commerce and product sales through the Shopify platform. Output: Liquid template files, theme settings, section schemas — ready to install as a Shopify theme. Requires: An active Shopify store. Consider when: The client sells products online and uses (or wants to use) Shopify for inventory, payments, and fulfillment.
Quick Reference
| Stack | Best For | Code Type |
|---|---|---|
| HTML/CSS | Simple brochure sites | Semantic HTML + CSS |
| HTML/Tailwind | Most client sites (recommended) | HTML + Tailwind |
| Landing Page | Campaign & lead gen pages | HTML + Tailwind |
| High Conversion LP | Sales & e-commerce pages | HTML + Tailwind |
| Next.js/Tailwind | Complex interactive sites | React + Tailwind |
| Restaurant | Food service businesses | HTML + Tailwind |
| Law Firm | Legal practices | HTML + Tailwind |
| Contractor | Trades & home services | HTML + Tailwind |
| WordPress | CMS-managed sites | PHP + CSS |
| Shopify | E-commerce stores | Liquid + CSS |