Cutting Works

Cutting Works

#Next.js#MicroCMS#Tailwind CSS

Overview

Official site for Cutting Works, a cutting-sticker studio and shop. Built a strong gallery-first UI so visitors can scan a large catalog quickly. MicroCMS lets the client publish portfolio pieces and news without touching code—operations stay lightweight.

Challenges & Solutions

[PROBLEM_1] Image-heavy performance

Many sticker assets made LCP a risk. Tuned next/image, WebP, and lazy loading to keep quality while improving Core Web Vitals.

[PROBLEM_2] Reducing ops load

Moved content updates from engineer-led code changes to MicroCMS so non-technical staff can publish through a simple admin UI.

Future Improvements

  • Search & filters

    Plan instant search as the catalog grows so people reach the right design fast.

  • In-site quote flow

    Today we link out for quotes; next step is carrying selected designs into an on-site request flow.

Tech Stack

  • Framework: Next.js (App Router)
  • CMS: MicroCMS
  • Styling: Tailwind CSS
  • Language: TypeScript
  • Hosting: Vercel