4 slots Q2/26

Beauty & Wellness / Supplements·Next.js 16 Storefront · Shopify Backend · Stripe · Supabase

Rosavie – Premium Collagen Online Shop

Headless Next.js storefront with Shopify as the order engine in the background. Multi-locale for 11 countries, subscription commerce, and fully automated order processing through to the shipping label.

Rosavie – Premium Collagen Online Shop — Rosavie Kollagen Shop
Client
Rosavie Kollagen Shop
Platform
Next.js 16 Storefront · Shopify Backend · Stripe · Supabase
Duration
Ongoing Support & Development
Website
Visit

01 / Challenge

Rosavie, an Austrian company for premium collagen products, needed a state-of-the-art online shop that:

  • Internationalization at the highest level (11 countries, 9 languages)
  • Subscription commerce with flexible subscription models
  • Enterprise features such as invoice generation, loyalty program, and comprehensive analytics
  • Maximum performance through modern web technologies
  • Full control over all business processes without third-party dependencies
  • Fully automated order processing from order to shipping

02 / Solution

We built a custom storefront on Next.js 16 with Shopify as the order engine running in the background. The frontend stays fully under Rosavie's control while Shopify reliably handles order processing, payments, and fulfillment — the best of both worlds.

The fully automated order processing runs end-to-end with no manual effort: payment processing, invoice generation, hand-off to Shopify, fulfillment, shipping label, and tracking emails — all orchestrated, including automatic subscription charges.

With 11 target markets and 24 locale combinations, the shop serves customers in Austria, Germany, the Netherlands, Belgium, Luxembourg, Slovenia, Croatia, France, Italy, Spain, and Portugal – all from a single codebase.

Learn more about AI-powered development →

03 / Technology stack

Frontend

Next.js 16React 19TypeScriptTailwind CSS

Order engine

Shopify (Headless)Storefront APIAdmin API

Middleware

Next.js API RoutesSupabase (PostgreSQL)

Payments

Stripe ElementsStripe Subscriptions

Hosting

Fly.io (High Availability)Docker

Email

ResendReact Email

Integrations

GTMGA4KlaviyoGoogle Gemini API

04 / Implemented features

Multi-Locale E-Commerce

11 countries, 24 locales, 9 languages – all from one codebase with automatic language detection.

Subscription Commerce

Flexible subscription system with Stripe Billing, automatic discounts, and customer portal.

Fully Automated Order Processing

From payment to invoice generation to shipping – everything runs automatically without manual effort.

Checkout & Payments

7+ payment methods including Klarna, PayPal, Apple Pay, and Google Pay with Stripe Elements.

Bloom Circle Loyalty

4-tier customer loyalty program with automatic discounts and free shipping.

Product Quiz

Interactive quiz with AI-powered product recommendations for higher conversion.

Admin Dashboard

Comprehensive backend with live analytics, order management, and content management.

Email Automation

Branded templates for orders, shipping, invoices, and newsletters.

SEO & Structured Data

Dynamic meta tags, JSON-LD, hreflang, and Google Shopping feeds.

Security & Compliance

Architecture aligned with GDPR requirements: Row Level Security, audit logs, and secure authentication.

05 / Results

Performance

  • < 1s First Contentful Paint
  • Lighthouse Score 90+
  • Mobile-First Design

Business Impact

  • 11 Markets with one codebase
  • Predictable Subscription Revenue
  • Time saved through automation

Technical Benefits

  • Headless architecture: storefront independent, Shopify stable in the backend
  • Full control over all frontend features
  • Scalable from startup to enterprise
  • Modern codebase with TypeScript

Related services

Frequently asked

Project questions.

What was the Rosavie – Premium Collagen Online Shop project about?

The project for Rosavie Kollagen Shop in the Beauty & Wellness / Supplements sector shows how clickpuls combined strategy, design, technology and implementation in a concrete digital project.

Which platform or technology was used for Rosavie Kollagen Shop?

The project used Next.js 16 Storefront · Shopify Backend · Stripe · Supabase. The technical choice followed goals, existing systems, maintainability and the client’s requirements.

How long did the project with Rosavie Kollagen Shop take?

The project duration was Ongoing Support & Development. Scope, coordination, content, technical integrations and approvals influence the actual duration of comparable projects.

Can clickpuls deliver a similar project?

Yes. If goal, scope and budget range fit, clickpuls can deliver similar projects in web development, e-commerce, WordPress, Shopify, marketing, brand strategy or software development.

Similar project? Let's talk.

Get in touch
Get in touch