Start Building →
appico
Paper-craft illustration for Function of Beauty Technology Stack
tech stack By the appico team · 10 min read · Updated for 2026

Function of Beauty Technology Stack

The Function of Beauty technology stack, layer by layer: frontend, backend, formulation engine, AI models, payments, plus a recommended 2026 build stack.

Free 30-min consultation →
Quick answer

The Function of Beauty technology stack, layer by layer: frontend, backend, formulation engine, AI models, payments, plus a recommended 2026 build stack.

The Function of Beauty technology stack, read from the outside, follows the category-standard pattern for personalized beauty: a component-based frontend for the quiz and account portal, API services for orders and subscriptions, a rules-based formulation engine, hosted AI models for reasoning and image work, subscription billing, and an analytics pipeline underneath it all. Nobody outside the company can list the exact tools, but the layers, and what each must do well, are clearly visible in how the product behaves.

Founders are right to ask this question early. The stack behind a product like this decides how fast you ship, how much you spend monthly, and how gracefully you scale. Below is the full breakdown layer by layer, followed by the exact modern stack we would recommend for building your version in 2026, and an honest build-versus-buy table so you spend engineering effort only where it creates advantage.

One framing note before the tables. Stacks do not make products win; fit does. The right stack is the one your team ships fastest on, that handles your category's specific hard problem (here, safe personalized formulation), and that will not need a rewrite at ten times the scale. Everything below is chosen through that lens.

The Function of Beauty Technology Stack, Layer by Layer

LayerFunction of Beauty-style products (observed / category-standard)What this layer is responsible for
FrontendComponent-based quiz and account portal with a shared design systemThe experience: speed, previews, trust
BackendAPI services for orders, accounts and subscriptionsBusiness logic and operations
Formulation engineDeterministic rules mapping profiles to approved ingredient combinations, with audit loggingThe core product logic, and the safety boundary
AI layerReasoning-class models over an ingredient knowledge base; image-class models for bottle previewsExplanation, recommendation, generation
InfrastructureCloud hosting, job queues for heavy work, autoscalingScale, reliability, cost control
PaymentsSubscription billing with refill schedulingCheckout and recurring revenue
AnalyticsQuiz funnels, formula-satisfaction tracking, retention by segmentThe feedback loop that funds decisions

The detail that separates this category from generic e-commerce is the formulation engine. It is deterministic on purpose: a formulator-approved rule set decides what can go in a bottle, and AI works around it, explaining, recommending and previewing, never inside it. Audit logging on formulation decisions is equally deliberate, because when software specifies what touches skin, you want a precise answer to "why did the engine produce this formula?" Our engineering teardown of how a brand like this manages its technology goes deeper on that separation and the data loop it protects.

This is the stack we would ship a personalized skincare product on today, with the reasoning behind each choice.

React + Vite + Tailwind CSS (frontend). Instant dev feedback, small bundles, and a design system that keeps twenty screens consistent. For a product where the preview is the pitch, frontend speed is revenue, and this combination iterates faster than heavier frameworks.

Node.js (backend APIs). One language across the stack, strong async handling for API-heavy products, and a mature library for every integration this category needs: payments, email, fulfilment, analytics.

Python (formulation engine and data services). The rules engine, validation logic and heavier data processing live here. Node orchestrates the product; Python owns the domain logic, each doing what its ecosystem is best at.

Claude-class models (reasoning and language). Parsing quiz intent, explaining ingredients in plain language, powering conversational features, and producing structured outputs the backend can trust. The reliability of the reasoning layer decides whether AI feels like expertise or a gimmick.

Gemini-class models (vision and image). Bottle and label previews, image understanding, and generation for the visual side of the experience, wrapped in retries, quality scoring and fallbacks, because production AI is an engineering discipline, not an API key.

Stripe-family payments, cloud infrastructure, GA4-class analytics. Proven, compliant and boring in the best way. Innovation budget belongs in your formulation experience, not your checkout. The same stack pattern underpins the products we build and ship across categories.

On cost, treat these as estimates. The model APIs bill per call, so a well-engineered MVP typically spends tens to a few hundred USD monthly on AI at early traffic, and caching plus right-sizing models per task keeps it there. Hosting for an MVP on managed cloud services usually lands in the low hundreds monthly. Both scale with success, which is the good kind of problem. The cost and timeline guide turns these into a full budget.

Build vs. Buy: Spend Effort Where It Wins

CapabilityBuild or buyOur call
Quiz and personalization experienceBuildBuild, because this is the product
Formulation rules engineBuildBuild, your defensible core, formulator-approved
AI orchestration and promptsBuild the layer, models via APIBuild the layer, buy the models
Payments and subscription billingBuy (Stripe-class)Buy, compliance is their job
Email and notificationsBuy (established providers)Buy, a solved problem
Analytics pipelineLight build on standard toolsBuy the tools, own the event schema
Fulfilment integrationsIntegrate via official APIsIntegrate, never scrape

The pattern is simple: build what customers choose you for, and buy what they merely expect to work. In this category, customers choose you for the quiz, the formula, and the trust around both. Nobody has ever chosen a skincare brand for its checkout implementation.

Want this stack scoped against your specific feature list? Talk to our team for a 30-minute call, a straight answer, and a written plan if you want one.

Common Stack Mistakes We Rescue Projects From

  • Over-architecting v1. Microservices and Kubernetes for a product with no users yet. A clean monolith ships months faster and refactors happily later, so distributed complexity should be earned by traffic, not anticipated.
  • Treating AI calls like regular API calls. No retries, no fallbacks, no cost controls, discovered in production during launch week. Model calls fail, drift and cost money in ways ordinary APIs do not, and the wrapper around them is real engineering.
  • Putting formulation logic inside prompts. If a model decides what goes in a bottle, you cannot guarantee allergen exclusions or explain outputs to a regulator. Rules belong in code; AI belongs around them.
  • A frontend that fights iteration. Heavyweight frameworks with slow builds tax every change for the product's whole life. In a conversion-driven product you will change the quiz constantly, so pick tools that make that cheap.
  • Skipping the event schema. Analytics bolted on in month three cannot recover the funnel data month one threw away. Define events before launch, even if the dashboard comes later.

What Changes at 10x Scale, and What Does Not

A common founder worry is that the startup stack above becomes a liability with success. Mostly it does not, but it helps to know in advance which parts flex and which parts get replaced.

What scales in place: the frontend (static assets behind a CDN scale almost for free), the payments provider, the analytics tools, and the formulation rules engine. Deterministic code with no per-user state is the easiest thing in the system to scale.

What gets tuned: the database (read replicas, better indexes), the job queues (more workers), and the AI layer's cost profile. At volume, caching and routing simple tasks to smaller models stops being an optimization and becomes a budget line worth an engineer's month.

What eventually gets rebuilt: usually one hot path, often formula generation or the order pipeline, extracted from the monolith into its own service once its traffic profile diverges from everything else. That is one targeted extraction with evidence behind it, not a rewrite.

The practical takeaway is that none of this needs building today. It needs a v1 architecture that does not block it: clean module boundaries, an event schema, and providers behind interfaces. That is what "will not need a rewrite at ten times the scale" actually means, and it costs discipline rather than money.

How to Evaluate Any Stack Recommendation (Including Ours)

Five questions expose most bad stack decisions before they cost anything.

  1. Can the team you can actually hire work productively in it?
  2. Does it handle the category's hard problem (deterministic, auditable formulation) natively rather than awkwardly?
  3. Can you swap AI providers behind one interface, or are you married to a vendor's roadmap?
  4. What does a failed model call look like to a paying customer?
  5. What breaks first at ten times the traffic, and how expensive is that fix?

Any agency proposing a stack should be able to answer all five for their own recommendation, in writing. We include exactly that reasoning in every scope we produce, and you can see the delivery model on our product and MVP development page, because a stack choice you cannot interrogate is a stack choice you cannot trust.

frequently asked questions

Disclaimer: We are an independent software development company. We are not affiliated with, endorsed by, or connected to Function of Beauty in any way. All trademarks and brand names belong to their respective owners. Function of Beauty is referenced solely as a well-known example of this business model. Technical and business details describe publicly observable patterns and category-standard practices, our engineering analysis, not insider information. All costs, timelines, and benchmark figures are illustrative estimates from our own delivery experience.

Do I need exactly Function of Beauty's stack to compete?
No, you need the same properties: a fast experience, reliable operations, a deterministic formulation engine, a disciplined AI layer, and a clean data loop. The 2026 stack above delivers those properties at startup budgets. The properties matter; the logo parade on an architecture diagram does not.
Claude or Gemini, which should my product use?
Usually both, for different jobs. Claude-class models are strong at reasoning, language and structured tool use, which suits ingredient explanations, quiz interpretation and support flows. Gemini-class models are strong at vision and image work, which suits previews and visual generation. Good architecture routes each task to the model that wins it, measured on cost and latency per feature.
How future-proof is this stack?
As future-proof as stacks get. Every component is mainstream, actively developed and easy to hire for, and the AI layer is deliberately model-agnostic. Providers sit behind one orchestration interface, so a better model next year is a configuration change, not a rewrite. The formulation rules engine, being plain code, ages best of all.
What does the AI layer cost to run monthly?
As an estimate, an MVP with sensible engineering (caching repeated calls, using smaller models for simple tasks, reserving frontier models for the moments that earn them) typically spends tens to a few hundred USD per month at early traffic. Unmanaged, the same product can spend ten times that. Cost control is an architecture feature, so ask for it in the scope.
Should the formulation engine ever use machine learning?
Eventually, perhaps, to suggest rule refinements to a human formulator based on outcome data. Directly deciding formulas, no. Deterministic rules give you guaranteed allergen exclusions, explainable outputs and a clean audit trail, which are safety and compliance requirements in this category, not stylistic preferences.
Can I use a no-code or low-code platform for any of it?
For the parts that are commodity, yes. A commerce platform can carry catalogue, cart and payments, and a no-code tool can handle marketing pages. The quiz, the formulation engine and the AI orchestration are where your product is genuinely different, and those benefit from real code you own. A sensible hybrid buys the commodity and builds the differentiator.
How do I avoid getting locked into one AI vendor?
Put every model behind a single orchestration interface in your own codebase, so the rest of the app talks to that interface rather than to a provider's SDK directly. Keep prompts and model choices in configuration, not scattered through the code. When a better or cheaper model arrives, you change a setting and re-run your reliability tests, rather than rewriting features.
What is the minimum viable stack if my budget is tight?
A commerce platform for checkout, a lightweight React frontend for the quiz and reveal, a small Node or Python service for the formulation rules, and one hosted reasoning model behind a wrapper for the ingredient explainer. That covers the core journey and the personalization moment. You add image previews, richer analytics and a second model only once the core is converting.
How long does it take to stand up this stack for an MVP?
With a senior team, the stack itself is standing within the first couple of weeks; the time goes into the product built on it. A focused MVP typically reaches launch in 8 to 11 weeks, with the formulation and AI layer as the longest single workstream. The how-to build guide lays out that sequence step by step.

Get your free 30-minute consultation

Tell us a bit about your project, no obligation, no spam.

8 + 6 =
That doesn't add up, check the answer and try again.
Thanks, we've got it.
A member of our team will reach out within 24 hours.