TwicPics
This extension allow you to use Twicpics in your Front-Commerce store.
Prerequisites
Installation
Install the @front-commerce/twicpics
package:
pnpm add @front-commerce/twicpics
Usage
Add the TwicPics extension to your front-commerce.config.ts
:
front-commerce.config.ts
//...
import twicpics from "@front-commerce/twicpics";
export default defineConfig({
extensions: [
// ...
twicpics(),
],
//...
});
Configuration
In order to use TwicPics, you need to extend your app/config/images.js
config.
domain
(required): the Cloud Name of your TwicPics environment (see reference)paths
: paths which should be proxied to TwicPics. (see reference)
app/config/images.js
const config = {
twicpics: {
domain: "https://<domain>.twic.pics",
paths: [
{
source: "/media", // the source to match, (eg `/media` would match `/media/image.jpg`, or `https://my-domain.com/media` would match `https://my-domain.com/media/image.jpg`)
path: "/my-media", // the path configured in TwicPics as a path for the source.
},
],
},
};