@frontenderaspace/cms-bootstrap v1.0.5

CMS Bootstrap Project

Getting Started

To create a new project using this template, run the following command:

npx @frontenderaspace/cms-bootstrap <application-name>

Styling library

• shadcn (https://ui.shadcn.com/)

To add component

npx shadcn-ui@latest add <component-name>

For example

npx shadcn-ui@latest add accordion

List of components https://ui.shadcn.com/docs/components/accordion

You can also customize shadcn component by editing the file under /src/components/ui directory.

note: Shadcn uses Radix UI under the hood. See Radix UI Component API Reference here

Hooks

This bootstrap project uses usehook-ts to provides a set of hooks that enables you to build your React applications faster. The hooks are built upon the principles of DRY (Don't Repeat Yourself). There are hooks for most common use cases you might need.

To create a custom hook create a file under /src/hooks directory