Atelier/ studio
ShowcaseUse casesCollection
Explore
Atelier/ studio

A boutique showcase of production-grade Next.js systems. Made for designers who code and engineers who care.

New project drops, behind-the-scenes, no spam.

Showcase

  • All projects
  • Shopio
  • PlateUp
  • Clinico
  • PulseRep

Use cases

  • Retail
  • Hospitality
  • Healthcare
  • Fitness
  • Education

Studio

  • About developer
  • Portfolio
  • Collection
  • Contact
© 2026 Atelier Studio·Showcase only · Mock data · Designed and built by Muhammad Abdullah Awais
LinkedInGitHubPortfolio
HomeShowcaseRetailShopio
RetailFeaturedReleased 3w ago

Shopio

A premium storefront with a full admin behind it.

  • 28screens hand-built
  • 2user roles · Customer · Admin
  • 2026
№ ECOM · Live preview
https://ecommerce-store.atelier.studio
VESPEREST. 2026
NewLoungeOuterwearArchive
SearchCart · 3
Editorial Drop · 04

Slow-spun cashmere, made for darker months.

Shop the look12 pieces
Bestseller
Halcyon Coat
Wool / midnight$420
4.9 · 612 reviews
Reverie Knit
Cashmere / bone$280
Onyx Trouser$220
Ash Tee$95
Storm Boot$340
Ember Scarf$140
№ 01, Project overview

About this showcase.

Shopio is a complete commerce showcase with a customer-facing storefront, account area, cart, and checkout, paired with a full admin dashboard for products, orders, customers, and analytics.

Built for stores that care about typography, motion, and conversion. Every flow is wired with realistic mock data so the entire experience can be explored without any backend.

№ 02, The problem it solves

Why this project exists.

Most commerce demos stop at a product card. Shopio proves that a frontend can carry an entire commerce experience, customer browsing, cart logic, account history, and admin operations, at production-grade quality.

№ 03, System features

Every screen you'd expect, already built.

  • Storefront with category, product, and search routes
  • Cart drawer with optimistic updates and free-shipping meter
  • Multi-step checkout with address, payment, and review
  • Customer account: orders, addresses, wishlist, returns
  • Admin: products, orders, customers, reviews, analytics
  • Light & dark themes with brandable accent
  • Realistic seed data: 60+ products, orders, reviews
  • Designed for keyboard navigation and accessibility
№ 04, Roles inside the system

Designed for 2 distinct roles.

CustomerAdmin
№ 05, Tech stack

Built on a curated, opinionated stack.

Next.js 16React 19Tailwind v4Radix UIFramer MotionZustandRechartsTypeScript
№ 06, Tagged
  • Storefront
  • Admin Dashboard
  • Cart & Checkout
  • Editorial
Frequently asked

About this showcase.

  • Atelier is a curated showcase of production-grade Next.js systems, six end-to-end product experiences across commerce, hospitality, healthcare, retail, wellness, and education. Every system is fully explorable, with mock data wired through every screen.

Project facts
  • Category
    Retail
  • Roles designed
    2 (Customer · Admin)
  • Screens
    28 hand-built
  • Released
    2026
Stack
Next.js 16React 19Tailwind v4Radix UIFramer MotionZustandRechartsTypeScript
Live previewView case study

This is a showcase project · For collaboration, write to contact@abdullahawais.com

Related

More for the same shelf.

Retail
№ 01
https://inventory-pos.atelier.studio
StockTap · Terminal 02
Scanner ready
Bread
$4.20
Avocado
$2.50
Coffee
$5.00
Tomato
$3.40
Olive Oil
$12.00
Pasta
$6.80
Sea Salt
$9.20
Lemon
$1.20
Eggs
$7.50
Butter
$5.40
Cheese
$11.20
Greens
$4.80
Sale · #4012
Coffee × 2$10.00
Bread × 1$4.20
Avocado × 3$7.50
Olive Oil × 1$12.00
Sea Salt × 1$9.20
Subtotal$42.90
Tax$4.29
Total$47.19
Charge · F12
Explore

StockTap

POS that's fast. Inventory that's honest.

  • POS
  • Inventory
  • Keyboard-first
24screens
HospitalityEditor's pick
№ 02
https://restaurant-ordering.atelier.studio
PlateUp · KDS
Livenow
14
orders in queue
Kitchen02
Pass03
Bar04
Pickup05
#0245m
Burrata×1
Pappardelle×1
Tiramisu×1
FIRE
#0252m
Caesar×1
Branzino×1
Olives×1
PREP
#0268m
Tartare×1
Risotto×1
Affogato×1
PASS
#02712m
Octopus×1
Cacio×1
Sorbet×1
READY
#0281m
Crudo×1
Rigatoni×1
NEW
#029-
Salads x4×1
HOLD
Explore

PlateUp

Customer menu, POS, kitchen, and admin in one cohesive system.

  • Multi-role
  • KDS
  • POS
36screens
HealthcareNew project
№ 03
https://clinic-booking.atelier.studio
Clinico
DR
Dr. Aroha Patel
Cardiology · MD
Today8
Patients
Schedule
Notes
Reports
Wednesday, May 13

Today's roster

5 confirmed2 pending
09:00
Eleanor Voss
Annual checkup
in room
10:15
Mateo Reyes
Follow-up · ECG
next
11:30
Anya Solberg
Consultation
ok
13:00
Marcus Bell
Lab review
ok
14:30
Saoirse Lin
Stress test
ok
This week
42
patients seen
Booked next
9 days
until next free slot
Explore

Clinico

Booking that feels human. Records that feel calm.

  • Booking
  • Calendar
  • Healthcare
22screens