add tauri option for nextjs

This commit is contained in:
Aman Varshney
2025-05-11 08:48:23 +05:30
parent 840d920a9b
commit f5598c9e6f
7 changed files with 63 additions and 42 deletions

View File

@@ -0,0 +1,5 @@
---
"create-better-t-stack": patch
---
add tauri option for nextjs

View File

@@ -14,6 +14,7 @@ export async function setupAddons(config: ProjectConfig) {
const hasNuxtFrontend = frontend.includes("nuxt");
const hasSvelteFrontend = frontend.includes("svelte");
const hasSolidFrontend = frontend.includes("solid");
const hasNextFrontend = frontend.includes("next");
if (addons.includes("turborepo")) {
await addPackageDependency({
@@ -30,7 +31,8 @@ export async function setupAddons(config: ProjectConfig) {
(hasReactWebFrontend ||
hasNuxtFrontend ||
hasSvelteFrontend ||
hasSolidFrontend)
hasSolidFrontend ||
hasNextFrontend)
) {
await setupTauri(config);
}

View File

@@ -45,17 +45,22 @@ export async function setupTauri(config: ProjectConfig): Promise<void> {
const hasNuxt = frontend.includes("nuxt");
const hasSvelte = frontend.includes("svelte");
const hasSolid = frontend.includes("solid");
const hasNext = frontend.includes("next");
const devUrl =
hasReactRouter || hasSvelte
? "http://localhost:5173"
: "http://localhost:3001";
: hasNext
? "http://localhost:3001"
: "http://localhost:3001";
const frontendDist = hasNuxt
? "../.output/public"
: hasSvelte
? "../build"
: "../dist";
: hasNext
? "../.next"
: "../dist";
const tauriArgs = [
"init",

View File

@@ -795,7 +795,8 @@ function processAndValidateFlags(
f === "react-router" ||
f === "nuxt" ||
f === "svelte" ||
f === "solid";
f === "solid" ||
f === "next";
if (
config.addons?.includes("pwa") &&
@@ -820,7 +821,7 @@ function processAndValidateFlags(
}
if (config.addons.includes("tauri")) {
incompatibleReason =
"Tauri requires tanstack-router, react-router, nuxt, svelte, or solid.";
"Tauri requires tanstack-router, react-router, nuxt, svelte, solid, or next.";
}
consola.fatal(
`Incompatible addon/frontend combination: ${incompatibleReason}`,

View File

@@ -25,7 +25,8 @@ export async function getAddonsChoice(
frontends?.includes("tanstack-router") ||
frontends?.includes("nuxt") ||
frontends?.includes("svelte") ||
frontends?.includes("solid");
frontends?.includes("solid") ||
frontends?.includes("next");
const allPossibleOptions: AddonOption[] = [
{

View File

@@ -105,7 +105,14 @@ const hasPWACompatibleFrontend = (frontend: string[]) =>
const hasTauriCompatibleFrontend = (frontend: string[]) =>
frontend.some((f) =>
["tanstack-router", "react-router", "nuxt", "svelte", "solid"].includes(f),
[
"tanstack-router",
"react-router",
"nuxt",
"svelte",
"solid",
"next",
].includes(f),
);
const getBadgeColors = (category: string): string => {
@@ -545,10 +552,10 @@ const analyzeStackCompatibility = (stack: StackState): CompatibilityResult => {
if (!isTauriCompat && nextStack.addons.includes("tauri")) {
incompatibleAddons.push("tauri");
notes.frontend.notes.push(
"Tauri addon requires TanStack/React Router, Nuxt, Svelte or Solid. Addon will be removed.",
"Tauri addon requires TanStack/React Router, Nuxt, Svelte, Solid, or Next.js. Addon will be removed.",
);
notes.addons.notes.push(
"Tauri requires TanStack/React Router/Nuxt/Svelte/Solid. It will be removed.",
"Tauri requires TanStack/React Router/Nuxt/Svelte/Solid/Next.js. It will be removed.",
);
notes.frontend.hasIssue = true;
notes.addons.hasIssue = true;
@@ -1213,7 +1220,7 @@ const StackArchitect = () => {
addRule(
category,
techId,
"Disabled: Tauri addon requires a compatible frontend (e.g., TanStack Router, Nuxt, Svelte, Solid).",
"Disabled: Tauri addon requires a compatible frontend (e.g., TanStack Router, Nuxt, Svelte, Solid, Next.js).",
);
}
}

View File

@@ -14,7 +14,7 @@
},
"apps/cli": {
"name": "create-better-t-stack",
"version": "2.9.3",
"version": "2.9.5",
"bin": {
"create-better-t-stack": "dist/index.js",
},
@@ -42,39 +42,39 @@
"name": "web",
"version": "0.0.0",
"dependencies": {
"@radix-ui/react-dialog": "latest",
"@radix-ui/react-scroll-area": "latest",
"@radix-ui/react-switch": "latest",
"@radix-ui/react-tooltip": "latest",
"babel-plugin-react-compiler": "latest",
"class-variance-authority": "latest",
"clsx": "latest",
"fumadocs-core": "latest",
"fumadocs-mdx": "latest",
"fumadocs-ui": "latest",
"lucide-react": "latest",
"motion": "latest",
"next": "latest",
"next-themes": "latest",
"nuqs": "latest",
"react": "latest",
"react-dom": "latest",
"react-tweet": "latest",
"sonner": "latest",
"tailwind-merge": "latest",
"@radix-ui/react-dialog": "^1.1.13",
"@radix-ui/react-scroll-area": "^1.2.8",
"@radix-ui/react-switch": "^1.2.4",
"@radix-ui/react-tooltip": "^1.2.6",
"babel-plugin-react-compiler": "^19.1.0-rc.1",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"fumadocs-core": "15.3.0",
"fumadocs-mdx": "11.6.3",
"fumadocs-ui": "15.3.0",
"lucide-react": "^0.509.0",
"motion": "^12.10.5",
"next": "15.3.2",
"next-themes": "^0.4.6",
"nuqs": "^2.4.3",
"react": "^19.1.0",
"react-dom": "^19.1.0",
"react-tweet": "^3.2.2",
"sonner": "^2.0.3",
"tailwind-merge": "^3.2.0",
},
"devDependencies": {
"@tailwindcss/postcss": "latest",
"@types/mdx": "latest",
"@types/node": "latest",
"@types/react": "latest",
"@types/react-dom": "latest",
"eslint": "latest",
"eslint-config-next": "latest",
"postcss": "latest",
"tailwindcss": "latest",
"tw-animate-css": "latest",
"typescript": "latest",
"@tailwindcss/postcss": "^4.1.6",
"@types/mdx": "^2.0.13",
"@types/node": "22.15.17",
"@types/react": "^19.1.3",
"@types/react-dom": "^19.1.3",
"eslint": "^9.26.0",
"eslint-config-next": "15.3.2",
"postcss": "^8.5.3",
"tailwindcss": "^4.1.6",
"tw-animate-css": "^1.2.9",
"typescript": "^5.8.3",
},
},
},