shadcn-ui

To build a React landing page with authentication flows, this Skill uses ShadCN UI components and Inertia.js to scaffold and render public-facing interfaces. It provides consistent theming for login, register, and password reset screens aligned with the Algoma Jobs design system.

Before rendering React interfaces with Inertia.js and Tailwind CSS, you need a Node.js environment with npm installed. Basic familiarity with React and the Inertia.js workflow is also required to scaffold the project and run the development server.

Yes, this approach enforces design-system consistency across public-facing React pages by applying semantic color variables and reusable UI primitives. This ensures landing pages and auth screens maintain cohesive styling and behavior throughout the application.

Yes, you can use ShadCN UI components for non-admin user interfaces and marketing pages. This Skill specifically targets public-facing screens, enabling rapid creation of landing pages and auth flows that match your product styling.

The best way to scaffold a public-facing React UI with Inertia.js is to install Node.js dependencies, generate the project structure, and run the dev server. This Skill streamlines that process to quickly launch marketing pages with matching authentication flows.

Using Inertia.js with ShadCN UI for authentication screens allows you to build cohesive public-facing interfaces without building a separate API. It renders React components server-side via Inertia while applying a consistent Tailwind CSS design system.