Decoupled Kit Js
Pantheon's monorepo for JavaScript SDKs, starter examples, and published npm packages.
Overview
The Pantheon Systems Decoupled Kits CircleCI is a collection of multiple projects organized by pnpm workspaces. It consists of two main workspaces, starters, and packages, along with a configs workspace and web for documentation. The starters represent different starter kits and are mirrored to standalone repositories at release time. The packages are npm libraries to be published and consumed by the public and the starter kits. To configure the monorepo for development, Node.js, npm, and pnpm should be installed locally.
Features
- Workspaces: The monorepo is organized using pnpm workspaces, with separate workspaces for starters, packages, configs, and documentation.
- Starters: Each directory in the starters workspace represents a starter kit that can be developed against in the monorepo.
- Packages: The monorepo includes npm packages in the packages workspace that are dependencies for the starter kits and can be consumed by the public.
- Configuration: The monorepo includes scripts and configurations for building, testing, and running the projects in the repo.
- Versioning and Releases: The monorepo has mechanisms in place for generating changesets, creating and publishing new versions, and triggering canary releases through CI workflows.
- Bug Reports and Feature Requests: Users can open bug reports or feature requests in the respective repositories.
Summary
The Pantheon Systems Decoupled Kits CircleCI is a collection of projects organized in a monorepo using pnpm workspaces. It includes starter kits, npm packages, configurations, and documentation. Users can contribute to the project by forking and cloning the repository, installing the required dependencies, and using the provided scripts for building, testing, and running the projects. The monorepo also has mechanisms for generating changesets, creating and publishing new versions, and triggering canary releases through CI workflows. Users can report bugs or request new features through the respective repositories.
- Gatsby
GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Storybook
Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.