Print Designer is open source project, which based on Payload CMS, Vue.js and Fabric.js
For storing records is used MongoDB
Clone the project
git clone https://github.com/lmanukyan/print-designer.git
cd print-designerCreate .env file
cp .env.example .env
# do not forget fill the fileInstallation of dependencies
yarn install
yarn install:appStart the backend
yarn dev
# Admin panel is available on address
# http://localhost:3050/adminStart the frontend
yarn dev:app
# App is available on address
# http://localhost:3040Backend .env variables
MONGODB_URI - MongoDB connection string
PAYLOAD_SECRET - Payload secret key
PAYLOAD_DOMAIN - Site address
SMTP_HOST - SMTP host
SMTP_PORT - SMTP port
SMTP_USER - SMTP login
SMTP_PASS - SMTP password
SMTP_NAME - Sender name
MANAGER_EMAIL - Receiver email address
Frontend .env variables
VUE_APP_API_URL - Address for API requests
Build backend & frontend
yarn buildRun backend via pm2
NODE_ENV=production && pm2 start server.jsNginx config
server {
listen 80;
server_name _;
location / {
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $host;
proxy_pass http://127.0.0.1:3050;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}
}