NoA Ignite Accelerator

NoA Ignite Accelerator is a Turborepo‑powered monorepo that bundles a suite of first‑class TypeScript packages and tools designed to jump‑start and standardize frontend projects at NoA Ignite.

Documentation

For details on how to use the accelerator, check out our documentation .

Starting a new project?

Starting a new project is done through a combination of the create-turbo and the @noaignite/create-app executables.

Installing Turborepo

Create a new project with Turborepo from Vercel .


// with pnpm (recommended)
pnpm dlx create-turbo@latest -m pnpm
 
// with yarn
yarn dlx create-turbo@latest -m yarn
 
// with npm
npx create-turbo@latest -m npm

Installing NoA Ignite templates

Now that the initial scaffolding of the project is out of the way we can start installing templates that we might need.

First change the directory to the newly created turborepo. For example:


cd my-turborepo

Run the NoA Ignite executable with the same package manager you used in the previous step.


// with pnpm (recommended)
pnpm dlx @noaignite/create-app
 
// with yarn
yarn dlx @noaignite/create-app
 
// with npm
npx @noaignite/create-app

What’s inside this monorepo?

This Turborepo includes the following packages/apps:

Apps and Packages

docs: Accelerator docs
@noaignite/centra-mocks: A collection of mocks to the Centra API
@noaignite/centra-types: Typescript definitions for Centra APIs
@noaignite/create-app: A CLI tool to scaffold out templates within a Turborepo project
@noaignite/react-centra-checkout: React helper functions for Centra APIs
@noaignite/react-utils: React helper functions
@noaignite/style-guide: A collection of configurations for eslint, prettier & typescript
@noaignite/tailwind-typography: TailwindCSS plugin to create responsive typography
@noaignite/types: Type helpers by NoA Ignite
@noaignite/utils: Basic helper functions

The goal is for each package/app to be 100% TypeScript .

Utilities

This Turborepo has some additional tools already setup for you:

TypeScript for static type checking
ESLint for code linting
Prettier for code formatting

Build

To build all apps and packages, run the following command:


pnpm build

Develop

To develop all apps and packages, run the following command:


pnpm dev