create-bailaya-site 0.0.0-stage → 0.1.0

package/index.mjs

@@ -0,0 +1,198 @@
+#!/usr/bin/env node
+/**
+ * create-bailaya-site — scaffold a dance studio website powered by BailaYa.
+ *
+ *   npx create-bailaya-site my-studio
+ *   npx create-bailaya-site my-studio --next --studio-id <id> --locale es
+ *
+ * Zero dependencies on purpose: it runs straight from `npx` in a second.
+ */
+import { spawnSync } from "node:child_process";
+import { cpSync, existsSync, readdirSync, readFileSync, renameSync, writeFileSync } from "node:fs";
+import { basename, dirname, join, resolve } from "node:path";
+import { createInterface } from "node:readline/promises";
+import { fileURLToPath } from "node:url";
+
+const here = dirname(fileURLToPath(import.meta.url));
+const pkg = JSON.parse(readFileSync(join(here, "package.json"), "utf8"));
+const LOCALES = ["en", "es", "fr", "de", "ru", "ka"];
+const FRAMEWORKS = {
+  react: { label: "React (Vite)", envFile: ".env", envPrefix: "VITE_", dev: "http://localhost:5173" },
+  next: { label: "Next.js", envFile: ".env.local", envPrefix: "NEXT_PUBLIC_", dev: "http://localhost:3000" },
+};
+
+const color = (code) => (s) => (process.stdout.isTTY ? `\x1b[${code}m${s}\x1b[0m` : s);
+const bold = color(1);
+const dim = color(2);
+const pink = color(35);
+const red = color(31);
+const green = color(32);
+
+function parseArgs(argv) {
+  const opts = { dir: undefined, framework: undefined, studioId: undefined, locale: undefined, pm: undefined, install: true, yes: false };
+  for (let i = 0; i < argv.length; i++) {
+    const arg = argv[i];
+    const value = () => {
+      const v = arg.includes("=") ? arg.split("=").slice(1).join("=") : argv[++i];
+      if (v === undefined) fail(`${arg} needs a value`);
+      return v;
+    };
+    if (arg === "-h" || arg === "--help") help();
+    else if (arg === "-v" || arg === "--version") (console.log(pkg.version), process.exit(0));
+    else if (arg === "--next") opts.framework = "next";
+    else if (arg === "--react") opts.framework = "react";
+    else if (arg.startsWith("--framework")) opts.framework = value();
+    else if (arg.startsWith("--studio-id")) opts.studioId = value();
+    else if (arg.startsWith("--locale")) opts.locale = value();
+    else if (arg.startsWith("--use-")) opts.pm = arg.slice(6);
+    else if (arg === "--no-install") opts.install = false;
+    else if (arg === "-y" || arg === "--yes") opts.yes = true;
+    else if (arg.startsWith("-")) fail(`Unknown option ${arg}. Run with --help to see the options.`);
+    else if (!opts.dir) opts.dir = arg;
+    else fail(`Unexpected argument ${arg}`);
+  }
+  if (opts.framework && !FRAMEWORKS[opts.framework]) fail(`--framework must be "react" or "next"`);
+  return opts;
+}
+
+function help() {
+  console.log(`
+${bold("create-bailaya-site")} ${dim(`v${pkg.version}`)}
+Scaffold a dance studio website that loads everything from BailaYa.
+
+${bold("Usage")}
+  npx create-bailaya-site [directory] [options]
+
+${bold("Options")}
+  --studio-id <id>     Your BailaYa studio ID (asked for if omitted)
+  --locale <code>      Site language: ${LOCALES.join(", ")} (default en)
+  --next               Use Next.js instead of React (Vite)
+  --framework <name>   react (default) or next
+  --use-npm | --use-pnpm | --use-yarn | --use-bun
+                       Package manager (default: the one running this)
+  --no-install         Skip installing dependencies
+  -y, --yes            Accept defaults without prompting
+  -h, --help           Show this help
+`);
+  process.exit(0);
+}
+
+function fail(message) {
+  console.error(`\n${red("✖")} ${message}\n`);
+  process.exit(1);
+}
+
+function detectPackageManager() {
+  const agent = process.env.npm_config_user_agent ?? "";
+  for (const pm of ["pnpm", "yarn", "bun"]) if (agent.startsWith(pm)) return pm;
+  return "npm";
+}
+
+function toPackageName(dir) {
+  return (
+    basename(resolve(dir))
+      .toLowerCase()
+      .replace(/[^a-z0-9-~._]+/g, "-")
+      .replace(/^[-._]+|[-._]+$/g, "") || "bailaya-studio-site"
+  );
+}
+
+/** Looks the studio up so the user knows straight away whether the ID is right. */
+async function lookUpStudio(studioId) {
+  try {
+    const res = await fetch(`https://www.bailaya.com/api/public/studio/${encodeURIComponent(studioId)}/profile`, {
+      signal: AbortSignal.timeout(10_000),
+    });
+    if (res.status === 404) return { ok: false, reason: "not found" };
+    if (!res.ok) return { ok: null, reason: `BailaYa answered ${res.status}` };
+    const profile = await res.json();
+    return { ok: true, name: profile.name };
+  } catch (err) {
+    return { ok: null, reason: err?.name === "TimeoutError" ? "timed out" : "could not reach BailaYa" };
+  }
+}
+
+async function main() {
+  const opts = parseArgs(process.argv.slice(2));
+  const interactive = process.stdin.isTTY && !opts.yes;
+  const rl = interactive ? createInterface({ input: process.stdin, output: process.stdout }) : null;
+  const ask = async (question, fallback) => {
+    if (!rl) return fallback;
+    const answer = (await rl.question(`${pink("?")} ${question}${fallback ? dim(` (${fallback})`) : ""} `)).trim();
+    return answer || fallback;
+  };
+
+  console.log(`\n${pink("💃")} ${bold("create-bailaya-site")} ${dim(`v${pkg.version}`)}\n`);
+
+  const dir = opts.dir ?? (await ask("Project directory:", "my-dance-studio"));
+  const target = resolve(dir);
+  if (existsSync(target) && readdirSync(target).length > 0) fail(`${dir} already exists and is not empty.`);
+
+  let framework = opts.framework;
+  if (!framework) {
+    const answer = await ask("Framework — react or next:", "react");
+    framework = answer.toLowerCase().startsWith("n") ? "next" : "react";
+  }
+  const fw = FRAMEWORKS[framework];
+
+  let studioId = opts.studioId ?? (await ask("BailaYa studio ID (leave blank to add later):", ""));
+  studioId = studioId?.trim() || "";
+  if (studioId) {
+    const found = await lookUpStudio(studioId);
+    if (found.ok) console.log(`  ${green("✔")} Found ${bold(found.name)}`);
+    else if (found.ok === false) fail(`No BailaYa studio has the ID ${studioId}. Check it in your BailaYa dashboard.`);
+    else console.log(`  ${dim(`Could not check the studio ID (${found.reason}); using it anyway.`)}`);
+  }
+
+  let locale = opts.locale ?? (await ask(`Site language — ${LOCALES.join("/")}:`, "en"));
+  if (!LOCALES.includes(locale.split("-")[0])) fail(`Unsupported locale ${locale}. Use one of ${LOCALES.join(", ")}.`);
+
+  rl?.close();
+
+  // Copy the shared site, then the framework layer on top of it.
+  cpSync(join(here, "templates", "shared"), target, { recursive: true });
+  cpSync(join(here, "templates", framework), target, { recursive: true });
+  renameSync(join(target, "_gitignore"), join(target, ".gitignore"));
+
+  const pkgPath = join(target, "package.json");
+  const sitePkg = JSON.parse(readFileSync(pkgPath, "utf8"));
+  sitePkg.name = toPackageName(dir);
+  writeFileSync(pkgPath, `${JSON.stringify(sitePkg, null, 2)}\n`);
+
+  const env = readFileSync(join(target, ".env.example"), "utf8")
+    .replace(/^(\w+_BAILAYA_STUDIO_ID)=.*$/m, `$1=${studioId}`)
+    .replace(/^(\w+_BAILAYA_LOCALE)=.*$/m, `$1=${locale}`);
+  writeFileSync(join(target, fw.envFile), env);
+
+  const pm = opts.pm ?? detectPackageManager();
+  const readmePath = join(target, "README.md");
+  writeFileSync(
+    readmePath,
+    readFileSync(readmePath, "utf8")
+      .replaceAll("{{FRAMEWORK}}", fw.label)
+      .replaceAll("{{ENV_FILE}}", fw.envFile)
+      .replaceAll("{{ENV_PREFIX}}", fw.envPrefix)
+      .replaceAll("{{DEV_URL}}", fw.dev)
+      .replaceAll("{{PM}}", pm),
+  );
+
+  console.log(`\n  ${green("✔")} Created a ${fw.label} site in ${bold(target)}`);
+
+  if (opts.install) {
+    console.log(`\n  Installing dependencies with ${pm}…\n`);
+    const result = spawnSync(pm, ["install"], { cwd: target, stdio: "inherit", shell: process.platform === "win32" });
+    if (result.status !== 0) console.log(`\n  ${red("!")} ${pm} install failed — run it yourself in ${dir}.`);
+  }
+
+  const run = pm === "npm" ? "npm run" : pm;
+  console.log(`
+${bold("Next steps")}
+  cd ${dir}${opts.install ? "" : `\n  ${pm} install`}${studioId ? "" : `\n  ${dim(`# add your studio ID to ${fw.envFile}`)}`}
+  ${run} dev        ${dim(`→ ${fw.dev}`)}
+
+Everything about the studio — name, styles, timetable, instructors, prices,
+locations — comes from BailaYa. Edit it there, not in the code.
+`);
+}
+
+main().catch((err) => fail(err?.message ?? String(err)));

package/package.json

@@ -1,6 +1,22 @@
 {
   "name": "create-bailaya-site",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "Scaffold a dance studio website powered by BailaYa — React (Vite) or Next.js.",
+  "keywords": ["bailaya", "dance", "studio", "react", "nextjs", "vite", "create"],
+  "license": "ISC",
+  "type": "module",
+  "bin": {
+    "create-bailaya-site": "index.mjs"
+  },
+  "files": [
+    "index.mjs",
+    "templates"
+  ],
+  "engines": {
+    "node": ">=18.17"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Infinity-Curve/create-bailaya-site.git"
+  }
+}

package/templates/next/.env.example

@@ -0,0 +1,5 @@
+# Your BailaYa studio ID (BailaYa dashboard). Required.
+NEXT_PUBLIC_BAILAYA_STUDIO_ID=
+
+# Site and widget language: en, es, fr, de, ru or ka (regional forms like es-MX work too).
+NEXT_PUBLIC_BAILAYA_LOCALE=en

package/templates/next/_gitignore

@@ -0,0 +1,8 @@
+node_modules
+.next
+out
+next-env.d.ts
+.env
+.env.local
+*.log
+*.tsbuildinfo

package/templates/next/next.config.ts

@@ -0,0 +1,5 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {};
+
+export default nextConfig;

package/templates/next/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "bailaya-studio-site",
+  "private": true,
+  "version": "0.1.0",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@bailaya/core": "^1.9.0",
+    "@bailaya/react": "^1.9.0",
+    "next": "^15.5.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.0",
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "tailwindcss": "^4.1.0",
+    "typescript": "^5.9.0"
+  }
+}

package/templates/next/postcss.config.mjs

@@ -0,0 +1 @@
+export default { plugins: { "@tailwindcss/postcss": {} } };

package/templates/next/src/app/about/page.tsx

@@ -0,0 +1,5 @@
+import { AboutPage } from "@/client";
+
+export default function Page() {
+  return <AboutPage />;
+}

package/templates/next/src/app/classes/[style]/page.tsx

@@ -0,0 +1,6 @@
+import { ClassStylePage } from "@/client";
+
+export default async function Page({ params }: { params: Promise<{ style: string }> }) {
+  const { style } = await params;
+  return <ClassStylePage slug={style} />;
+}

package/templates/next/src/app/classes/page.tsx

@@ -0,0 +1,5 @@
+import { ClassesPage } from "@/client";
+
+export default function Page() {
+  return <ClassesPage />;
+}

package/templates/next/src/app/contact/page.tsx

@@ -0,0 +1,5 @@
+import { ContactPage } from "@/client";
+
+export default function Page() {
+  return <ContactPage />;
+}

package/templates/next/src/app/events/page.tsx

@@ -0,0 +1,5 @@
+import { EventsPage } from "@/client";
+
+export default function Page() {
+  return <EventsPage />;
+}

package/templates/next/src/app/instructors/page.tsx

@@ -0,0 +1,5 @@
+import { InstructorsPage } from "@/client";
+
+export default function Page() {
+  return <InstructorsPage />;
+}

package/templates/next/src/app/layout.tsx

@@ -0,0 +1,48 @@
+import "@bailaya/react/styles.css";
+import "../styles.css";
+
+import { BailayaClient } from "@bailaya/core";
+import type { Metadata } from "next";
+import type { ReactNode } from "react";
+
+import { AppShell } from "@/client";
+import { bailayaBaseUrl, locale, studioId } from "@/lib/config";
+
+const FONTS =
+  "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400..700&family=Playfair+Display:wght@500;600;700&display=swap";
+
+/** Title, description and icon come from the studio's BailaYa profile, rendered on the server. */
+export async function generateMetadata(): Promise<Metadata> {
+  if (!studioId) return {};
+  try {
+    const profile = await new BailayaClient({
+      studioId,
+      ...(bailayaBaseUrl ? { baseUrl: bailayaBaseUrl } : {}),
+    }).getStudioProfile();
+    const lang = locale.split("-")[0];
+    const description = profile.description[locale] || profile.description[lang] || profile.description.en || "";
+    return {
+      title: { default: profile.name, template: `%s · ${profile.name}` },
+      description: description.replace(/<[^>]+>/g, " ").slice(0, 160),
+      icons: profile.logo ? { icon: profile.logo } : undefined,
+    };
+  } catch {
+    return {};
+  }
+}
+
+export default function RootLayout({ children }: { children: ReactNode }) {
+  return (
+    <html lang={locale}>
+      <head>
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
+        {/* eslint-disable-next-line @next/next/no-page-custom-font */}
+        <link rel="stylesheet" href={FONTS} />
+      </head>
+      <body>
+        <AppShell>{children}</AppShell>
+      </body>
+    </html>
+  );
+}

package/templates/next/src/app/not-found.tsx

@@ -0,0 +1,5 @@
+import { NotFoundPage } from "@/client";
+
+export default function NotFound() {
+  return <NotFoundPage />;
+}

package/templates/next/src/app/page.tsx

@@ -0,0 +1,5 @@
+import { HomePage } from "@/client";
+
+export default function Page() {
+  return <HomePage />;
+}

package/templates/next/src/app/private-lessons/page.tsx

@@ -0,0 +1,5 @@
+import { PrivateLessonsPage } from "@/client";
+
+export default function Page() {
+  return <PrivateLessonsPage />;
+}

package/templates/next/src/client.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+/**
+ * The site is built from client components that load studio data with the
+ * BailaYa hooks; this file is the boundary the server route files render.
+ */
+export { AppShell } from "@/components/app-shell";
+export { ClassesPage, ClassStylePage } from "@/views/classes";
+export { HomePage } from "@/views/home";
+export { AboutPage, ContactPage, EventsPage, InstructorsPage, PrivateLessonsPage } from "@/views/more";
+export { NotFoundPage } from "@/views/not-found";

package/templates/next/src/lib/config.ts

@@ -0,0 +1,13 @@
+/**
+ * Site configuration. The studio ID is the only required setting — everything
+ * else about the studio is loaded from BailaYa. Set these in `.env.local`.
+ */
+export const envFile = ".env.local";
+export const studioIdEnvName = "NEXT_PUBLIC_BAILAYA_STUDIO_ID";
+export const studioId: string | undefined = process.env.NEXT_PUBLIC_BAILAYA_STUDIO_ID || undefined;
+
+/** Language for the site and the BailaYa widgets: en, es, fr, de, ru or ka (e.g. "es-MX"). */
+export const locale: string = process.env.NEXT_PUBLIC_BAILAYA_LOCALE || "en";
+
+/** Only needed to point at a non-production BailaYa API. */
+export const bailayaBaseUrl: string | undefined = process.env.NEXT_PUBLIC_BAILAYA_API_URL || undefined;

package/templates/next/src/lib/router.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import NextLink from "next/link";
+import { usePathname as useNextPathname } from "next/navigation";
+import type { ReactNode } from "react";
+
+/** Router adapter, so the shared components work with Next.js and React Router alike. */
+export function Link(props: { href: string; className?: string; onClick?: () => void; children: ReactNode }) {
+  return <NextLink {...props} />;
+}
+
+export function usePathname(): string {
+  return useNextPathname() ?? "/";
+}

package/templates/next/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "preserve",
+    "strict": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "incremental": true,
+    "allowJs": false,
+    "plugins": [{ "name": "next" }],
+    "paths": { "@/*": ["./src/*"] }
+  },
+  "include": ["next-env.d.ts", "src", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}

package/templates/react/.env.example

@@ -0,0 +1,5 @@
+# Your BailaYa studio ID (BailaYa dashboard). Required.
+VITE_BAILAYA_STUDIO_ID=
+
+# Site and widget language: en, es, fr, de, ru or ka (regional forms like es-MX work too).
+VITE_BAILAYA_LOCALE=en

package/templates/react/_gitignore

@@ -0,0 +1,5 @@
+node_modules
+dist
+.env
+.env.local
+*.log

package/templates/react/index.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title></title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400..700&family=Playfair+Display:wght@500;600;700&display=swap" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/react/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "bailaya-studio-site",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --noEmit && vite build",
+    "preview": "vite preview",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@bailaya/core": "^1.9.0",
+    "@bailaya/react": "^1.9.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-router": "^7.9.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.0",
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "@vitejs/plugin-react": "^5.0.0",
+    "tailwindcss": "^4.1.0",
+    "typescript": "^5.9.0",
+    "vite": "^7.1.0"
+  }
+}

package/templates/react/src/App.tsx

@@ -0,0 +1,38 @@
+import { useEffect } from "react";
+import { Route, Routes, useLocation, useParams } from "react-router";
+
+import { AppShell } from "@/components/app-shell";
+import { ClassesPage, ClassStylePage } from "@/views/classes";
+import { HomePage } from "@/views/home";
+import { AboutPage, ContactPage, EventsPage, InstructorsPage, PrivateLessonsPage } from "@/views/more";
+import { NotFoundPage } from "@/views/not-found";
+
+function ClassStyleRoute() {
+  const { style = "" } = useParams();
+  return <ClassStylePage slug={style} />;
+}
+
+function ScrollToTop() {
+  const { pathname } = useLocation();
+  useEffect(() => window.scrollTo(0, 0), [pathname]);
+  return null;
+}
+
+export function App() {
+  return (
+    <AppShell>
+      <ScrollToTop />
+      <Routes>
+        <Route path="/" element={<HomePage />} />
+        <Route path="/classes" element={<ClassesPage />} />
+        <Route path="/classes/:style" element={<ClassStyleRoute />} />
+        <Route path="/events" element={<EventsPage />} />
+        <Route path="/private-lessons" element={<PrivateLessonsPage />} />
+        <Route path="/instructors" element={<InstructorsPage />} />
+        <Route path="/about" element={<AboutPage />} />
+        <Route path="/contact" element={<ContactPage />} />
+        <Route path="*" element={<NotFoundPage />} />
+      </Routes>
+    </AppShell>
+  );
+}

package/templates/react/src/lib/config.ts

@@ -0,0 +1,13 @@
+/**
+ * Site configuration. The studio ID is the only required setting — everything
+ * else about the studio is loaded from BailaYa. Set these in `.env`.
+ */
+export const envFile = ".env";
+export const studioIdEnvName = "VITE_BAILAYA_STUDIO_ID";
+export const studioId: string | undefined = import.meta.env.VITE_BAILAYA_STUDIO_ID || undefined;
+
+/** Language for the site and the BailaYa widgets: en, es, fr, de, ru or ka (e.g. "es-MX"). */
+export const locale: string = import.meta.env.VITE_BAILAYA_LOCALE || "en";
+
+/** Only needed to point at a non-production BailaYa API. */
+export const bailayaBaseUrl: string | undefined = import.meta.env.VITE_BAILAYA_API_URL || undefined;

package/templates/react/src/lib/router.tsx

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+import { Link as RouterLink, useLocation } from "react-router";
+
+/** Router adapter, so the shared components work with React Router and Next.js alike. */
+export function Link(props: { href: string; className?: string; onClick?: () => void; children: ReactNode }) {
+  const { href, ...rest } = props;
+  return <RouterLink to={href} {...rest} />;
+}
+
+export function usePathname(): string {
+  return useLocation().pathname;
+}

package/templates/react/src/main.tsx

@@ -0,0 +1,16 @@
+import "@bailaya/react/styles.css";
+import "./styles.css";
+
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { BrowserRouter } from "react-router";
+
+import { App } from "./App";
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
+  </StrictMode>,
+);

package/templates/react/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "types": ["vite/client", "node"],
+    "paths": { "@/*": ["./src/*"] }
+  },
+  "include": ["src", "vite.config.ts"]
+}

package/templates/react/vite.config.ts

@@ -0,0 +1,11 @@
+import tailwindcss from "@tailwindcss/vite";
+import react from "@vitejs/plugin-react";
+import { fileURLToPath, URL } from "node:url";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  resolve: {
+    alias: { "@": fileURLToPath(new URL("./src", import.meta.url)) },
+  },
+});