OrgServer

Strapi comes with a full featured Command Line Interface (CLI) which lets you scaffold and manage your project in seconds.

Learning

https://tech-query.me/development/headless-cms-strapi/

🎮 Stack

• Programming Language: TypeScript v5+
• Package Manager: PNPM v10+
• Headless CMS: Strapi v5+
• API specification: Swagger
• Deployment Engine: Docker
• CI/CD platform: GitHub actions

🔌 Pre-installed plugins

Back-end

1. Swagger document
2. CloudFlare R2 uploader

Front-end

1. Color picker
2. Multiple selector
3. IconHub
4. CKEditor 5
5. Location picker

💾 Preset schema

Model

Collection	Usage	Remark
Category	Content Classification	associated with a variety of Content data
Comment	Content Comment	associated with a variety of Content data
Account	In/Outcome	Sponsorship, Travel or Purchase
Property	Supplies	Equipment or Souvenirs
User	external registered User	not Admin users
Organization	external Organization	Company, Open-source Community, non-profit Organization
Place		in/outdoor
Project		Open source, Public Welfare project
Task
Contribution	Task Contribution
Program	Activity Section	Lectures, Workshops or Booths
Activity		various Small, Medium or Large activities
Partnership		Cooperation or Sponsorship
Evaluation		Evaluation of Task contribution and Activity sections

Data components

Name	Category	Usage
Period	Date	Time Range
Goods	Supplies	Equipment or Souvenirs
Address	Location

💡 Best practice

1. Install Settings GitHub app in your account or organization

2. Click the Use this template button on the top of this GitHub repository's home page, then create your own repository in the app-installed namespace above

3. Click the Open in GitHub codespaces button on the top of ReadMe file, then an online VS Code development environment will be started immediately

4. Recommend to add a Notification step in GitHub actions for your Team IM app

5. Remind the PMs & users of your product to submit Feature/Enhancement requests or Bug reports with Issue forms instead of IM messages or Mobile Phone calls

6. Collect all these issues into Project kanbans, then create Pull requests & add closes #issue_number into its description for automation

🚀 Scripts

develop

Start your Strapi application with autoReload enabled. Learn more

npm i pnpm -g
pnpm i
pnpm develop

start

Start your Strapi application with autoReload disabled. Learn more

npm start

build

Build your admin panel. Learn more

pnpm build

pack-image

Build your Docker image locally.

pnpm pack-image

container

Run your Docker image locally.

pnpm container

⚙️ Deployment

Strapi gives you many possible deployment options for your project including Strapi Cloud. Browse the deployment section of the documentation to find the best solution for your use case.

pnpm strapi deploy

GitHub Actions secrets

Name	Value example
PATH	~/www
HOST	your.server.net
USER	root
SSH_KEY	(output of cat ~/.ssh/id_rsa)
BASE_URL	https://your.server.net

🚀 Releasing

Deploy Application

git checkout master
git tag v1.0.0  # this version tag comes from ./package.json
git push origin master --tags

Publish Type Package

git checkout master
git tag type-v1.0.0  # this version tag comes from ./types/package.json
git push origin master --tags

📚 Learn more

• Resource center - Strapi resource center.
• Strapi documentation - Official Strapi documentation.
• Strapi tutorials - List of tutorials made by the core team and the community.
• Strapi blog - Official Strapi blog containing articles made by the Strapi team and the community.
• Changelog - Find out about the Strapi product updates, new features and general improvements.

Feel free to check out the Strapi GitHub repository. Your feedback and contributions are welcome!

✨ Community

• Discord - Come chat with the Strapi community including the core team.
• Forum - Place to discuss, ask questions and find answers, show your Strapi project and get feedback or just talk with other Community members.
• Awesome Strapi - A curated list of awesome things related to Strapi.

---

_{🤫 Psst! Strapi is hiring.}