This new component, AuthenticityToken, is added to fetch CSRF token from the 'meta' tags. This is used to prevent Cross Site Request Forgery on forms by embedding a CSRF token as a hidden input field. When the form is submitted, the server can verify whether the request was legitimate by checking the CSRF token. This enhances the security of the application.
UI - @kit/ui
This package is responsible for managing the UI components and styles across the app.
This package define two sets of components:
shadn-ui: A set of UI components that can be used across the app using shadn UImakerkit: Components specific to MakerKit
Installing a Shadcn UI component
To install a Shadcn UI component, you can use the following command in the root of the repository:
npx shadcn-ui@latest add <component> --path=packages/ui/src/shadcn
For example, to install the Button component, you can use the following command:
npx shadcn-ui@latest add button --path=packages/ui/src/shadcn
We pass the --path flag to specify the path where the component should be installed.