Ecommerce Template
Next.js·React 등으로 만든 최신 전자상거래 템플릿
Shopify 앱으로 주문 전체 과정 지원: 원클릭 업셀 및 상품 페이지에서 바로 시작하는 구독, 5분 무료 설치
Shopify apps for the whole order journey: self-service order editing with one-click upsells, and subscriptions that start right on the product page. Install free in 5 minutes.
커머스TypeScript · CSSGitHub @Appfox-apps온라인운영자 미확인
써 보셨어요? 한 번만 눌러 주세요. 로그인은 필요 없어요.
아직 감지된 업데이트가 없습니다. GitHub 릴리스가 나오면 여기에 보입니다.
개인 계정의 공개 저장소 소유자는 GitHub로 로그인해 운영자를 확인하고 소개를 직접 관리할 수 있습니다. 관리자 승인은 필요하지 않습니다.
로그인한 뒤 확인 파일을 만들어 이 저장소의 기본 브랜치에 30분 안에 커밋해 주세요. 다른 브랜치나 포크의 파일은 인정하지 않습니다. 파일을 올린 뒤 아래에서 확인하면 관리자 승인 없이 관리할 수 있습니다. 자격을 유지하려면 파일을 남겨 두세요.
로그인이 필요하면 로그인 화면으로 이동합니다. 로그인 후 이곳으로 돌아와 원하는 확인 버튼을 다시 눌러 주세요.
프로젝트 폴더에서 /nomorevibe verify를 실행하면 소유권을 확인하고 소개를 직접 관리할 수 있습니다.
1분 만에 확인하기README 전체를 불러오는 중입니다. 아래는 저장된 발췌입니다.
Marketing website for AppFox - Order Editing & Upsell, a Shopify app that
gives customers a self-service order-edit portal with post-purchase upsells.
Built with Next.js 16 (App Router), React 19, and Tailwind CSS v4. Fully
static - every route is prerendered at build time.README 전문 보기 ↗Marketing website for AppFox - Order Editing & Upsell, a Shopify app that gives customers a self-service order-edit portal with post-purchase upsells.
Built with Next.js 16 (App Router), React 19, and Tailwind CSS v4. Fully static - every route is prerendered at build time.
npm install
npm run dev # http://localhost:3000
npm run build # production build (all routes static)
npm run lint
| Path | What |
|---|---|
lib/site.ts | Single source of truth for domain, install URL, support email, pricing. Update here at launch. |
lib/seo.ts | Per-route titles, descriptions, canonicals |
data/competitors.ts | Comparison-page content (order editing, subscriptions, product bundles) |
data/bundle-competitors.ts | Product Bundles vs-page records and public sources |
app/ | Routes: /, /features, /pricing, /vs, /vs/[slug], /privacy, /terms, plus sitemap.ts, robots.ts, llms.txt, per-route opengraph-image.tsx |
components/site/ | Navbar, Footer, CTA band, section furniture |
components/home/ | Home page sections, incl. the animated PortalDemo hero |
components/ui/ | Animation primitives: Reveal, InView, DigitRoll, Accordion |
.design/ | Design spec, copy deck, SEO plan, and the build contract the site was built from |
Violet ink on cream paper; receipts, stamps, and ledgers. Tokens are defined
as Tailwind v4 @theme variables in app/globals.css. Fonts: Fraunces
(display), Hanken Grotesk (body), Spline Sans Mono (the .till "ledger
voice" - always used for money and order numbers). All animation is CSS-only,
gated behind html.js and prefers-reduced-motion, so content is never
hidden from crawlers, no-JS users, or motion-sensitive users.
Search the repo for TODO(launch):
site.installUrl with the real Shopify App Store listing URLsite.url is the production domain/privacy and /termsaggregateRating to
the SoftwareApplication JSON-LD in app/page.tsx (kept out deliberately -
unverifiable ratings risk a structured-data penalty)sitemap.xml in Google Search Console