Reference 📦 Component Catalog CI: DevOps Handoff
📦 Component Catalog CI: DevOps Handoff
OtherEvergreenPublic
This repo includes a Bitbucket Pipelines configuration tailored for Node-based frontend projects (React + Tailwind + Storybook).
✅ CI Features
- Node 18 base image
- Fast dependency install using
npm ci - Lint checks via
npm run lint - Unit tests with coverage using
npm test -- --coverage - Optional Storybook static build output
📁 Project Requirements
Make sure the following scripts are in package.json:
"scripts": {
"lint": "eslint .",
"test": "jest",
"build-storybook": "build-storybook -o storybook-static"
}
🔧 Setup Instructions
- Copy
bitbucket-pipelines.ymlto the project root. - Commit and push to a feature or main branch.
- Pipelines will run on each push to validate the build.
🧪 Artifacts
- Test coverage:
coverage/ - Storybook static site:
storybook-static/
Artifacts are preserved at the end of each run and can be downloaded via Bitbucket's interface.
🤝 Notes
This configuration is meant to support continuous testing and basic frontend validation for the Component Catalog MVP. Future expansions may include:
- Lighthouse CI
- AEM deployment hooks
- Stylelint checks
- Visual regression testing
Feel free to adapt the build steps as your pipeline evolves.