Thriftshop Apps - CMS

Site Using Thriftshop Apps CMS:

• pitlords.com
• thriftshop.site
• goldcoders.dev
• paramountpetroleum.ph

Development Requirements

• git
• nodejs & npm
• hugo
• snowpack
• esbuild
• yarn

Note On Windows Users

• majority of the command only runs on git bash

Development Installation

• open gitbash on windows , or terminal on linux / mac
• go to your Hugo Site Directory: cd PROJECT_FOLDER
• clone this Repo: git clone https://github.com/thriftapps/cms
• go to cms folder: cd cms
• install all the dependencies type command: yarn
• edit .env on your Hugo Site Directory

Go to Your Hugo Site Folder and Add this to Your .env , one folder above cms folder

SNOWPACK_PUBLIC_BACKEND_TYPE=git-gateway
SNOWPACK_PUBLIC_BRANCH=main
SNOWPACK_PUBLIC_BACKEND=true
SNOWPACK_PUBLIC_SHOW_PREVIEW_LINKS=true
SNOWPACK_PUBLIC_MEDIA_FOLDER=static/images
SNOWPACK_PUBLIC_DOMAIN=thriftshop.site
SNOWPACK_PUBLIC_LOGO_URL=/images/logo.svg
SNOWPACK_PUBLIC_PUBLIC_FOLDER=/images

• edit .env file on windows type command: notepad .env on other OS (linux max) use your default editor eg.: vim .env

Usage

• go back to Project Folder
• yarn cms
• google chrome will open http://localhost:1234 (Local CMS)
• update any content on inside the CMS
• open another tab on right side on http://localhost:1313 (Thriftshop Theme)
• see the changes happen within milliseconds

For Developers

• create new .env by issuing this command: cp .env.example .env
• download dependencies: yarn
• start developing yarn cms

License

MIT