Reference

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

  1. Copy bitbucket-pipelines.yml to the project root.
  2. Commit and push to a feature or main branch.
  3. 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.