Ackto React Template

The default starting point for apps built with Ackto: Vite + React 19 + TypeScript + Tailwind CSS + shadcn/ui.

Stack

• Vite 8 with @vitejs/plugin-react-swc
• React 19 with React Router 6
• TypeScript 5
• Tailwind CSS 3 with tailwindcss-animate and the typography plugin
• shadcn/ui — all 49 components pre-installed under src/components/ui/
• TanStack Query, react-hook-form + zod, lucide-react, sonner

Layout

src/
  pages/        route components — Index.tsx is the default page
  components/   your components
    ui/         shadcn/ui — pre-installed, not meant to be edited
  hooks/        use-toast, use-mobile
  lib/utils.ts  the cn() helper
  App.tsx       routes live here

Running it

pnpm install
pnpm dev        # http://localhost:8080

pnpm build produces the production bundle in dist/.

Notes

AI_RULES.md describes the conventions this template expects, and Ackto reads it as part of the system prompt when working on an app created from here.

The dev server binds port 8080 by default; Ackto overrides it per app by appending --port to pnpm dev.