If you are not familiar with Vendure, you can learn more on the project web site. Vendure is an open-source, MIT-licensed, Node.js-based ecommerce backend with tons of flexibility. You can use it to power practically any ecommerce application you could think of.
2024-03-07.12-23-40.mp4
This project is under active development. Breaking changes will frequently occur.
# install degit
npm install -g degit
# create a new project in my-app
degit https://github.com/pevey/sveltekit-vendure-starter.git my-app
cd my-app
pnpm install
mv .env.example .env
-
Open .env and add any required settings
-
To make development a bit easier, you can change the urls in the EmailPlugin configuration options in vendure-config.ts to match the default SvelteKit dev url: http://localhost:5173:
vendure-config.ts
verifyEmailAddressUrl: 'http://localhost:5173/auth/verify',
passwordResetUrl: 'http://localhost:5173/auth',
changeEmailAddressUrl: 'http://localhost:5173/account'
Make sure your Vendure backend is running first and that you configure the VENDURE_API_URL in your .env file or your shell environment.
pnpm dev
NOTE: SvelteKit uses Vite, and Vite optimizes dependencies after they are installed. After you set up your project and install all packages and then run it for the first time using pnpm dev
, you will see strange behavior the first time you navigate to each page. This will include strange console errors, hung navigation, etc. If you look in the terminal where you are running pnpm dev
, you will see messages that explain vite is optimizing dependencies and reloading the app several times. After visiting all pages in the app, this should not occur again unless you update/re-install packages. This does not affect builds, only dev mode.