hyperioncli (Latest)

npm

npx hyperioncli@latest

yarn

yarn dlx hyperioncli@latest

pnpm

pnpx hyperioncli@latest

ni

nlx hyperioncli@latest

1. Follow the hyperioncli prompts.

   Turbo / Nitrox

   1. Let's get you configured.
       - Are you running [packageManager]? Y/n
       - Got it! Noted.
       - Do you want to start the new Nitrox DevKit? Yes
       - Do you want to start Turbo? Yes
       - Which set would you like to install? Custom
       - Which packages would you like to install? Marp for VS Code, Prettier, GitLens (opt)
   2. Welcome to Turbo. Let's get started.
       - What is the path to your new turborepo? ./(turboPath)
   3a. Welcome to Nitrox. Let's get you up and running.
       - What is the path to your new site? ./(sitePath)
       - How strict should TypeScript be? Strict
       - Install dependencies? Y/n
       - Initialize a Git repository? Y/n
   3b. Now, let's add some integrations.
       - Which UI integrations do you want to add? React, (others)
       - Would you like to add an SSR Adapter? (Adapter)
       - Would you like to add any other integrations? Tailwind, (others)

   Turbo

   1. Let's get you configured.
       - Are you running [packageManager]? Y/n
       - Got it! Noted.
       - Do you want to start the new Nitrox DevKit? No
       - Do you want to start Turbo? Yes
       - Which set would you like to install? Custom
       - Which packages would you like to install? Marp for VS Code, Prettier, GitLens (opt)
   2. Welcome to Turbo. Let's get started.
       - What is the path to your new turborepo? ./(turboPath)

   Nitrox

   1. Let's get you configured.
       - Are you running [packageManager]? Y/n
       - Got it! Noted.
       - Do you want to start the new Nitrox DevKit? Yes
       - Do you want to start Turbo? No
       - Which set would you like to install? Custom
       - Which packages would you like to install? Marp for VS Code, Prettier, GitLens (opt)
   2a. Welcome to Nitrox. Let's get you up and running.
       - What is the path to your new site? ./(sitePath)
       - How strict should TypeScript be? Strict
       - Install dependencies? Y/n
       - Initialize a Git repository? Y/n
   2b. Now, let's add some integrations.
       - Which UI integrations do you want to add? React, (others)
       - Would you like to add an SSR Adapter? (Adapter)
       - Would you like to add any other integrations? Tailwind, (others)

2. Finish all other configuration, if your running Nitrox.

   Styles

   styles/global.css

   @tailwind base;
   @tailwind components;
   @tailwind utilities;

   Astro

   src/pages/index.astro

   ---
   import '@/styles/global.css'
   ---

   Astro Config

   astro.config.mjs

   import { defineConfig } from 'astro/config';
   
   import react from '@astrojs/react';
   import tailwind from '@astrojs/tailwind';
   export default defineConfig({
     integrations: [
         tailwind(),
         tailwind({
             applyBaseStyles: false,
         }),
         react()
     ],
   })

   tsConfig

   tsconfig.json

   {
     "compilerOptions": {
       // ...
       "baseUrl": ".",
       "paths": {
         "@/*": [
           "./src/*"
         ]
       }
       // ...
     }
   }

3. Initialize shadcn/ui.

   npm

   npx shadcn@latest init

   yarn

   yarn dlx shadcn@latest init

   pnpm

   pnpx shadcn@latest init

   ni

   nlx shadcn@latest init