The admin dashboard has been completely redesigned to give you a real-time view of your data operations. Charts now show live activity for records processed, active transformations, and sync throughput, while dedicated widgets surface active integrations, in-progress work, and recent errors — all in one place the moment you log in.

• Records and transformation activity shown in interactive bar and area charts

• DataSync widget displays throughput rate and live queue pressure

• Active integrations and project shortcuts accessible directly from the dashboard

• Errors widget surfaces the last 24 hours of notifications so issues are immediately visible

We've completely reimagined the Storage Browser to make working with your data faster, more intuitive, and more powerful.

Why We Rebuilt It

The storage browser is where you go when something looks odd or needs to be changed - inspect a record, check a value, trace a data issue. The previous version showed every field from a record in one long table. That's complete, but it's not how people actually work. We noticed that users prefer having just a few relevant columns visible by default and then jumping into a detail view when they need to dig deeper.

So we redesigned the browser around that insight: make the table easy to customize, make it fast to open a record, and to find the right fields instead of scrolling through endless lists.

What's New

Inline Filter Bar

Filters used to live behind a dialog. Now they're right where your data is. The new inline filter bar lets you type to search fields, pick an operator, and enter a value - all without leaving the page. Active filters appear as editable chips that you can adjust or remove in place.

Configurable Display Columns

Not every field matters for every workflow. You can now choose a title field to instantly identify records and add extra columns for the specific data points you need. Your configuration persists per storage, so it's always ready when you come back.

Redesigned Record Sidebar

Clicking a record opens a refined sidebar with search, field-type icons, and expandable values. Arrays, composites, and long text open in a dedicated detail panel so you can inspect deeply nested data without jumping between screens.

Keyboard-First Navigation

We added full keyboard support across the entire browser:

• Arrow keys to move through table rows

• Enter to open the record sidebar

• Tab / Shift+Tab to switch between focus zones

• Escape to close panels and return focus

This makes it possible to navigate from the table, into a record, through its fields, and back - without ever touching your mouse.

Small Things That Add Up

• Copyable record keys - click to copy

• Record timestamps - human-friendly dates for createdAt and updatedAt

• Filter persistence - filters and match mode stay in the URL so you can share filtered views

Securely call external APIs from your blocks with the new Fetch API Secrets feature.

How it works:

• Store credentials securely - Add API keys, tokens, and secrets in your project settings

• Reference by name - Use secret names in your block configurations

• Server-side injection - Frontic injects credentials at runtime, never exposing them to browsers

Security features:

• Encrypted at rest and in transit

• Access logging for compliance

• Never logged in client-side error tracking

This enables integrations with authenticated APIs, webhooks, and third-party services without compromising security.

Stock synchronization from Shopware is now faster and more reliable.

What's improved:

• Faster detection - Reduced time between Shopware updates and storefront availability

• High-frequency handling - Efficiently processes rapid inventory changes during sales events

• Streamlined webhooks - Handles bursts of stock updates without queuing delays

Best of both worlds:

Combined with scheduled sync, you get near-instant updates for critical changes plus regular full reconciliation for consistency.

New composables for the Frontic Nuxt Module provide idiomatic Vue 3 patterns for fetching data.

Available composables:

useFronticClient()   // General API access with full config
useFronticListing()  // Product listings & search results
useFronticSearch()   // Full-text search
useFronticPage()     // Page data by URL
useFronticBlock()    // Block content

Built-in features:

• Reactive refs with loading and error states

• Full TypeScript support - Typed responses based on your schema

• Auto caching - Deduplication and SSR hydration handled automatically

• Auto-imports - Just use them, no imports needed

We're expanding our commerce platform support with a native Commercetools integration. Enterprise teams using Commercetools can now leverage Frontic's API-first delivery layer for their headless storefronts.

What's New

• Complete Catalog Sync - Products, categories, and product types flow seamlessly from Commercetools to Frontic. Complex catalog structures with multiple variants, price tiers, and custom attributes are fully supported.

• Price & Inventory - Sync prices across currencies, customer groups, and channels. Stock levels update in real-time to prevent overselling.

• Recursive Merging - For complex product hierarchies, Frontic intelligently merges data from multiple Commercetools resources into unified product records.

Getting Started

Configure the integration under Integrations > Commercetools in your project settings. You'll need your Commercetools API client credentials and project key.

Documentation

Full setup guide at docs.frontic.com/integrations/commercetools.

The Frontic Nuxt Module now includes intelligent caching and automatic route handling for seamless page management.

Intelligent Caching

Data fetching is optimized with Pinia Colada's stale-while-revalidate strategy:

• Automatic Caching - Responses are cached with configurable stale times (default 5 minutes).

• Hydration Optimized - Data fetched on the server hydrates on the client without re-fetching.

• Smart Invalidation - Cache invalidates automatically when parameters change.

• Configurable Per-Request - Override stale time on individual composable calls.

Route Handling

useFronticPage() handles common routing scenarios automatically:

• Auto-Detect Slug - Call without arguments and it constructs the slug from the current URL (host + pathname).

• 301 Redirects - When Frontic returns a 301, the module automatically calls navigateTo() with the redirect path. Disable with redirectOn301: false.

• 404 Handling - When Frontic returns a 404, the module throws a Nuxt error. Disable with throwOn404: false to handle manually.

• Hreflang Support - The alternates return value provides alternate URLs ready for <link rel="alternate" hreflang="..."> tags.

• Locale Switching - The suggested return value provides the recommended URL when context changes.

// Auto-detect route and handle redirects/404s automatically
const { page, data, type, block, alternates, suggested } = useFronticPage()

// For SEO: render hreflang tags
useHead({
  link: alternates.value?.map(alt => ({
    rel: 'alternate',
    hreflang: alt.lang ?? alt.locale,
    href: alt.href,
  })) ?? []
})

Beta Update

The Nuxt Module remains in beta. These features are available now for all beta participants.

The Frontic MCP Server will soon understand your entire project context, making AI assistance even more powerful.

Project Context

Your AI assistant will have deep awareness of your Frontic project:

• Storage Schemas - The AI knows your field types, relations, and data structures. When you ask to create a block, it suggests fields that actually exist in your storages.

• Existing Configurations - Before creating something new, the AI checks what you already have. It can reference existing blocks, extend current listings, and build on your established patterns.

• Smart Suggestions - Based on your project structure, the AI suggests relevant field names, appropriate query conditions, and sensible defaults.

Why This Matters

Without project context, AI tools give generic advice. With project context, they give advice specific to your storefront. "Add a color filter" becomes a working filter configuration that references your actual color field with your actual color values.

Coming Soon

Project Context is in development and will be available to all MCP Server users soon.