[컴][웹] next.js commerce + vendure 서버 실행

넥스트js / nextjs /넥스트 / nextjs comerce / vendure server

next.js commerce + vendure 서버 실행

  • nextjs commerce git repo: https://github.com/vercel/commerce

build 및 실행

  1. pnpm i
  2. vendure server 실행
  1. pnpm dev : pnpm dev를 하면 turbo run dev 를 실행한다. watch 가 설정된다. 그래서 dynamic reload 가 돼서 파일을 수정하면 알아서 compile을 해서 반영해준다.
  • localhost:3031 로 서버를 띄운다. : 원래는 3030 port 를 사용하지만, vendure 에서 3030을 사용중이면, 알아서 3031로 잡히게 된다
Microsoft Windows [Version 10.0.19044.2604]
(c) Microsoft Corporation. All rights reserved.

C:\Users\namh>cd /d d:\a\prog\sashow\prod\sashow-server

d:\a\prog\sashow\prod\sashow-server>cd d:\a\prog\sashow\sashow_client

d:\a\prog\sashow\sashow_client>pnpm dev

> commerce@ dev d:\a\prog\sashow\sashow_client
> turbo run dev

• Packages in scope: @vercel/commerce, @vercel/commerce-local, @vercel/commerce-vendure, next-commerce, taskr-swc
• Running dev in 5 packages
@vercel/commerce-vendure:dev: cache bypass, force executing 029abb2ac2fd88f2
next-commerce:dev: cache bypass, force executing 2a2fe1c5b8ef135c
@vercel/commerce:dev: cache bypass, force executing 21a4e36542781002
@vercel/commerce-local:dev: cache bypass, force executing 3e573f5a99e58aa5
@vercel/commerce-local:dev:
@vercel/commerce-local:dev: > @vercel/commerce-local@0.0.1 dev D:\a\prog\sashow\sashow_client\packages\local
@vercel/commerce-local:dev: > taskr
@vercel/commerce-local:dev:
@vercel/commerce:dev:
@vercel/commerce:dev: > @vercel/commerce@0.0.1 dev D:\a\prog\sashow\sashow_client\packages\commerce
@vercel/commerce:dev: > taskr
@vercel/commerce:dev:
@vercel/commerce-vendure:dev:
@vercel/commerce-vendure:dev: > @vercel/commerce-vendure@0.0.1 dev D:\a\prog\sashow\sashow_client\packages\vendure
@vercel/commerce-vendure:dev: > taskr
@vercel/commerce-vendure:dev:
next-commerce:dev:
next-commerce:dev: > next-commerce@0.0.1 dev D:\a\prog\sashow\sashow_client\site
next-commerce:dev: > next dev
next-commerce:dev:
@vercel/commerce-local:dev: [16:35:04] Running with D:\a\prog\sashow\sashow_client\packages\local\taskfile.js
@vercel/commerce-local:dev: [16:35:04] Starting default
@vercel/commerce-local:dev: [16:35:04] Starting build
@vercel/commerce:dev: [16:35:04] Running with D:\a\prog\sashow\sashow_client\packages\commerce\taskfile.js
@vercel/commerce:dev: [16:35:04] Starting default
@vercel/commerce:dev: [16:35:04] Starting build
@vercel/commerce-vendure:dev: [16:35:04] Running with D:\a\prog\sashow\sashow_client\packages\vendure\taskfile.js
@vercel/commerce-vendure:dev: [16:35:04] Starting default
@vercel/commerce-vendure:dev: [16:35:04] Starting build
next-commerce:dev: warn  - Port 3000 is in use, trying 3001 instead.
next-commerce:dev: ready - started server on 0.0.0.0:3001, url: http://localhost:3001
next-commerce:dev: info  - Loaded env from D:\a\prog\sashow\sashow_client\site\.env.local
@vercel/commerce-local:dev: [16:35:04] Compiled src files
@vercel/commerce-local:dev: [16:35:04] Finished build in 181ms
@vercel/commerce-local:dev: [16:35:04] Watching files...
@vercel/commerce-vendure:dev: [16:35:04] Compiled src files
@vercel/commerce-vendure:dev: [16:35:04] Finished build in 292ms
@vercel/commerce-vendure:dev: [16:35:04] Watching files...
@vercel/commerce:dev: [16:35:04] Compiled src files
@vercel/commerce:dev: [16:35:04] Finished build in 353ms
@vercel/commerce:dev: [16:35:04] Watching files...
@vercel/commerce-local:dev: [16:35:04] Finished default in 562ms
next-commerce:dev: next.config.js {
next-commerce:dev:   "commerce": {
next-commerce:dev:     "provider": "vendure",
next-commerce:dev:     "features": {
next-commerce:dev:       "cart": true,
next-commerce:dev:       "search": true,
next-commerce:dev:       "wishlist": false,
next-commerce:dev:       "customerAuth": false,
next-commerce:dev:       "customCheckout": false
next-commerce:dev:     }
next-commerce:dev:   },
next-commerce:dev:   "i18n": {
next-commerce:dev:     "locales": [
next-commerce:dev:       "en-US",
next-commerce:dev:       "es"
next-commerce:dev:     ],
next-commerce:dev:     "defaultLocale": "en-US"
next-commerce:dev:   },
next-commerce:dev:   "experimental": {
next-commerce:dev:     "esmExternals": "loose"
next-commerce:dev:   },
next-commerce:dev:   "images": {
next-commerce:dev:     "domains": [
next-commerce:dev:       "localhost",
next-commerce:dev:       "demo.vendure.io",
next-commerce:dev:       "readonlydemo.vendure.io"
next-commerce:dev:     ]
next-commerce:dev:   },
next-commerce:dev:   "env": {
next-commerce:dev:     "COMMERCE_CART_ENABLED": true,
next-commerce:dev:     "COMMERCE_SEARCH_ENABLED": true
next-commerce:dev:   }
next-commerce:dev: }
next-commerce:dev: warn  - Invalid next.config.js options detected:
next-commerce:dev:   - The root value has an unexpected property, commerce, which is not in the list of allowed properties (amp, analyticsId, assetPrefix, basePath, cleanDistDir, compiler, compress, crossOrigin, devIndicators, distDir, env, eslint, excludeDefaultMomentLocales, experimental, exportPathMap, generateBuildId, generateEtags, headers, httpAgentOptions, i18n, images, onDemandEntries, optimizeFonts, output, outputFileTracing, pageExtensions, poweredByHeader, productionBrowserSourceMaps, publicRuntimeConfig, reactStrictMode, redirects, rewrites, sassOptions, serverRuntimeConfig, staticPageGenerationTimeout, swcMinify, trailingSlash, typescript, useFileSystemPublicRoutes, webpack).
next-commerce:dev:
next-commerce:dev: See more info here: https://nextjs.org/docs/messages/invalid-next-config
next-commerce:dev: warn  - You have enabled experimental feature (esmExternals) in next.config.js.
next-commerce:dev: warn  - Experimental features are not covered by semver, and may cause unexpected or broken application behavior. Use at your own risk.
next-commerce:dev:
@vercel/commerce-vendure:dev: [16:35:04] Finished default in 722ms
@vercel/commerce:dev: [16:35:04] Finished default in 677ms
next-commerce:dev: event - compiled client and server successfully in 1601 ms (781 modules)

쓸데없는 package 삭제

만약 @vercel/commerce-vendure package만 남긴다고 해보자.

  1. npm unistall

    • npm uninstall @vercel/commerce-bigcommerce @vercel/commerce-commercejs @vercel/commerce-kibocommerce @vercel/commerce-ordercloud @vercel/commerce-saleor @vercel/commerce-sfcc @vercel/commerce-shopify @vercel/commerce-spree @vercel/commerce-swell

  2. package folder 삭제 packages 들에 다음 folder만 남긴다.

    • packages/
      • commerce/
      • local/
      • taskr-swc/
      • vendure/

vendure 실행

  1. vendure 사용해 보기(빌드 및 실행)
  2. vendure 설치 및 개발용 서버 실행

See Also

  1. 쿠…sal: [컴][웹] next.js commerce에서 provider 분석
  2. 쿠…sal: [컴][웹] vercel/commerce 에서 turbo run dev
  3. 쿠…sal: [컴] nextjs commerce 의 Layout 설정
  4. 쿠...sal: [컴][웹] nextjs commerce 에서 SWR handler.useHook 이 호출되는 과정
  5. 쿠...sal: [컴] nextjs commerce 에서 login 의 동작
  6. 쿠...sal: [컴][웹] vendure server 에서 회원가입, 유저생성, create user 
  7. 쿠...sal: [컴][웹] vendure 의 Session 관리
  8. 쿠...sal: [컴] vendure 의 storefront 구현
  9. 쿠...sal: [컴][웹] nextjs commerce 에 debugger 붙이기
  10. 쿠...sal: [컴] vendure 서버에 debugger 를 붙이기 
by koosal on
Tags:

댓글 없음:

댓글 쓰기

피드 구독하기: 댓글 (Atom)