---
title: "Announcing Next.js Starter Redesign with Medusa UI support"
description: "This is a new page"
url: https://medusajs.com/blog/announcing-next-js-starter-redesign
last_updated: 2026-08-13T14:29:22Z
---

# Announcing Next.js Starter Redesign with Medusa UI support

_Published 2023-11-23 by Victor Gerbrands in Product_

The Medusa [Next.js Starter Template](https://medusajs.com/nextjs-commerce/) has been a popular starting point for Next.js developers working with Medusa. We thought it deserved some love, so the Starter just got a big update with a complete design overhaul, Medusa UI components, Next.js 14, and better product search.

The goal of the Starter is to provide a foundation for developers to build on. It consists of a fully functional ecommerce frontend, already connected to a Medusa backend. We aimed for a design that is fresh but neutral so you can easily customize it to fit your brand.

## Medusa UI Support

We redesigned the Starter to work with [Medusa UI](https://docs.medusajs.com/ui) components and icons. This results in a fresh, recognizable design language and components that allow for easy customization.

Medusa UI is a React implementation of the Medusa design system. The collection includes components, hooks, utility functions, icons, and [Tailwind CSS](https://tailwindcss.com/) classes. It's designed for building a consistent user interface across Medusa Admin and other Medusa applications.

## Ready for Medusa 2.0

While we [work toward Medusa 2.0](https://medusajs.com/blog/toward-medusa-2/), you can already try out some of our cutting-edge serverless modules with the Next.js Starter. The Starter has support for both the [Product](https://docs.medusajs.com/modules/products/serverless-module) and the Pricing module, as well as Remote Query to build your own serverless product endpoints. If you’re feeling adventurous, you can enable these experimental features by enabling the `MEDUSA_FF_MEDUSA_V2` feature flag in both the Starter and the server.

## New design showcase

### Home

The homepage has been cleaned up and now shows featured product collections.

![Screenshot%25202023-11-23%2520at%252009](https://assets.medusajs.com/uploads/2024/06/3528bdf0cdb9ceb19a53e3b80b02ae257d68c26d-2926x1828-u0oby0g6.webp)

### Product detail page

The product detail page has a new layout and now uses Medusa UI components.

![Screenshot%25202023-11-23%2520at%252009](https://assets.medusajs.com/uploads/2024/06/9c9961e5241d11821afc30f1f0199b402e838945-2926x1828-edeqbbi1.webp)

### Product overview page

The product overview page has been redesigned and now features sorting out of the box.

![](https://assets.medusajs.com/uploads/2024/06/screenshot-2023-11-23-at-09-45-30-9tvhglqn.webp)

### Product search

The Starter already supported Algolia and MeiliSearch out of the box, but now has a revamped instant search UI and a server-rendered search results page.

![](https://assets.medusajs.com/uploads/2024/06/screenshot-2023-11-23-at-09-46-41-ah76ug70.webp)

### Cart

The new cart design is built almost exclusively from Medusa UI components.

![](https://assets.medusajs.com/uploads/2024/06/screenshot-2023-11-23-at-09-47-51-pq5oqide.webp)

### Checkout

The redesigned checkout process provides a streamlined experience, making it easier than ever for customers to finalize their purchases.

![](https://assets.medusajs.com/uploads/2024/06/screenshot-2023-11-23-at-09-50-39-uhni3k97.webp)

### Get started with Next.js and Medusa

See the full new design in action in our [updated hosted demo](https://next.medusajs.com/).

Want to build with the Starter yourself? To get started, [clone the Medusa Next.js Starter Template from GitHub](https://github.com/medusajs/nextjs-starter-medusa).