fix(web): use aspect-video for thumbnails in showcase items

Author: AmanVarshney01

apps/cli/src/constants.ts

@@ -155,9 +155,7 @@ export const dependencyVersionMap = {
 	"@sveltejs/adapter-cloudflare": "^7.2.1",
 	"@cloudflare/workers-types": "^4.20250822.0",
 
-	alchemy: "^0.70.0",
-	// temporary workaround for alchemy + tanstack start
-	nitropack: "^2.12.4",
+	alchemy: "^0.75.1",
 
 	dotenv: "^17.2.2",
 	tsdown: "^0.15.5",

apps/cli/src/helpers/core/env-setup.ts

@@ -352,8 +352,13 @@ ${hasWeb ? "# npx convex env set SITE_URL http://localhost:3001\n" : ""}
 				databaseUrl = "mongodb://localhost:27017/mydatabase";
 				break;
 			case "sqlite":
-				if (config.runtime === "workers" || 
-					(webDeploy === "wrangler" || serverDeploy === "wrangler" || webDeploy === "alchemy" || serverDeploy === "alchemy")) {
+				if (
+					config.runtime === "workers" ||
+					webDeploy === "wrangler" ||
+						serverDeploy === "wrangler" ||
+						webDeploy === "alchemy" ||
+					serverDeploy === "alchemy"
+				) {
 					databaseUrl = "http://127.0.0.1:8080";
 				} else {
 					const dbAppDir = backend === "self" ? "apps/web" : "apps/server";

apps/cli/src/helpers/core/post-installation.ts

@@ -126,7 +126,14 @@ export async function displayPostInstallInstructions(
 		output += `${pc.cyan(`${stepCounter++}.`)} ${packageManager} install\n`;
 	}
 
-	if (database === "sqlite" && dbSetup === "none" && (serverDeploy === "wrangler" || serverDeploy === "alchemy" || webDeploy === "wrangler" || webDeploy === "alchemy")) {
+	if (
+		database === "sqlite" &&
+		dbSetup === "none" &&
+		(serverDeploy === "wrangler" ||
+			serverDeploy === "alchemy" ||
+			webDeploy === "wrangler" ||
+			webDeploy === "alchemy")
+	) {
 		output += `${pc.cyan(`${stepCounter++}.`)} ${runCmd} db:local\n${pc.dim(
 			"   (starts local SQLite server for Workers compatibility)",
 		)}\n`;

apps/web/src/app/(home)/showcase/_components/ShowcaseItem.tsx

@@ -40,7 +40,7 @@ export default function ShowcaseItem({
 				</div>
 			</div>
 
-			<div className="relative aspect-[4/3] w-full overflow-hidden bg-muted/10">
+			<div className="relative aspect-video w-full overflow-hidden bg-muted/10">
 				<Image
 					src={imageUrl}
 					alt={title}

apps/web/tsconfig.json

@@ -26,6 +26,12 @@
 			}
 		]
 	},
-	"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+	"include": [
+		"next-env.d.ts",
+		"**/*.ts",
+		"**/*.tsx",
+		".next/types/**/*.ts",
+		".next/dev/types/**/*.ts"
+	],
 	"exclude": ["node_modules"]
 }