School Rugs

School Rugs

Next.js storefront powered by Shopify product and collection data.

Connected to schoolrugs.myshopify.com

School rugs with a modern landing page and real Shopify collections underneath.

The homepage keeps the category clarity that works in the classroom rug market, but now it is backed by Shopify Storefront API data so this Next.js app can expand into a real headless store instead of a static brochure.

Browse Live ProductsView Collections

Connection

Shopify

Storefront API fetches products and collections server-side in the App Router.

Collections

Live routes

The storefront now has real collection pages, not just editorial placeholders.

Next

PDP + Cart

This foundation is ready for product pages, cart, and checkout handoff.

Live Storefront

Modern rugs for how classrooms actually move.

The design layer is custom, but the merchandised product cards below are fetched from Shopify in real time with revalidation.

Integration Notes

Free shipping callout space
Quote-friendly for schools and districts
Designed for classrooms, daycare, and playrooms
Collections built around how kids actually gather and move

Store Status

Collection routes are now part of the app

The next step is routing product handles into proper product detail pages and then adding cart mutations for a complete shopping flow.

Shop by Collection

These collection tiles now link to real Shopify-backed routes.

The categories below are no longer dead-end marketing cards. Each one now maps to an actual collection handle from Shopify and opens a collection page rendered by Next.js.

Alphabet Rugs

Early literacy

High-contrast letters, playful icons, and room-ready layouts for circle time.

Explore Alphabet Rugs

Seating Rugs

Morning meeting

Clean spot markers and balanced spacing that make classroom flow feel effortless.

Explore Seating Rugs

Map Rugs

Discovery zones

Geography-forward designs that double as visual anchors for social studies corners.

Explore Map Rugs

Play Roads

Pretend play

Town grids, movement paths, and imaginative scenes for open-ended play spaces.

Explore Play Roads

Reading Corners

Library calm

Soft geometry, quieter palettes, and cozy shapes for focused small-group time.

Explore Reading Corners

Solid Color Rugs

Flexible spaces

Simple, durable foundations for reading nooks, quiet corners, and flexible classroom layouts.

Explore Solid Color Rugs

Why this works

The redesign is no longer isolated from the catalog.

The reference site wins on category breadth and intent. It loses on composition, typography, and rhythm. This redesign keeps the commercial clarity while moving the storefront onto a real Shopify-backed Next.js stack.

That means your 2026 visual direction and your actual products and collections are now in the same app, which is the right base for building a transfer-ready headless storefront.

Buying Signals

  • Free shipping and low-friction quote language stay visible.
  • Use-case copy speaks to teachers, admins, daycare owners, and parents.
  • Collections now render as real app routes instead of static placeholders.

Build Signals

  • Storefront API fetch lives on the server, not in the browser.
  • Shopify CDN images are configured in Next for optimized rendering.
  • Product detail pages and cart are the remaining core commerce pieces.

“The room finally feels intentional. It still has color and energy, but it looks curated instead of chaotic.”

Andrea M.

Kindergarten Teacher

“We needed something durable enough for daily traffic and polished enough for tours. This hit both.”

Marcus T.

School Operations Director

“Parents always comment on the rug first. It turned our reading corner into the place every child wants to be.”

Leah S.

Daycare Owner

Ready to Build

The landing page is now attached to real collection routes.

The next logical move is to add individual product pages and a real cart flow so the store can move from branded catalog browsing into complete headless commerce.

View CollectionsOpen Shopify Store