Skip to content

Commit 847c1c9

Browse files
feat(web): upgrade next to 16 beta
1 parent 7bebedf commit 847c1c9

File tree

13 files changed

+398
-284
lines changed

13 files changed

+398
-284
lines changed

apps/web/next.config.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import type { NextConfig } from "next";
44
const withMDX = createMDX();
55

66
const config: NextConfig = {
7+
reactCompiler: true,
78
reactStrictMode: true,
89
images: {
910
remotePatterns: [
@@ -25,7 +26,7 @@ const config: NextConfig = {
2526
];
2627
},
2728
experimental: {
28-
reactCompiler: true,
29+
turbopackFileSystemCacheForDev: true,
2930
},
3031
};
3132

apps/web/package.json

Lines changed: 76 additions & 69 deletions
Original file line numberDiff line numberDiff line change
@@ -1,70 +1,77 @@
11
{
2-
"name": "web",
3-
"version": "0.0.0",
4-
"private": true,
5-
"scripts": {
6-
"build": "next build",
7-
"dev": "next dev --turbopack",
8-
"start": "next start",
9-
"check": "biome check --write .",
10-
"postinstall": "fumadocs-mdx",
11-
"cf-typegen": "wrangler types --env-interface CloudflareEnv cloudflare-env.d.ts",
12-
"generate-analytics": "bun scripts/generate-analytics.ts",
13-
"generate-schema": "bun scripts/generate-schema.ts"
14-
},
15-
"dependencies": {
16-
"@better-t-stack/backend": "workspace:*",
17-
"@erquhart/convex-oss-stats": "^0.8.1",
18-
"@number-flow/react": "^0.5.10",
19-
"@orama/orama": "^3.1.14",
20-
"@radix-ui/react-dropdown-menu": "^2.1.16",
21-
"@radix-ui/react-hover-card": "^1.1.15",
22-
"@radix-ui/react-switch": "^1.2.6",
23-
"@radix-ui/react-toggle": "^1.1.10",
24-
"babel-plugin-react-compiler": "^1.0.0",
25-
"class-variance-authority": "^0.7.1",
26-
"clsx": "^2.1.1",
27-
"convex": "^1.27.4",
28-
"convex-helpers": "^0.1.104",
29-
"culori": "^4.0.2",
30-
"date-fns": "^4.1.0",
31-
"fumadocs-core": "15.8.5",
32-
"fumadocs-mdx": "12.0.3",
33-
"fumadocs-ui": "15.8.5",
34-
"lucide-react": "^0.545.0",
35-
"motion": "^12.23.22",
36-
"next": "15.5.4",
37-
"next-themes": "^0.4.6",
38-
"nuqs": "^2.7.1",
39-
"papaparse": "^5.5.3",
40-
"posthog-js": "^1.273.1",
41-
"qrcode": "^1.5.4",
42-
"radix-ui": "^1.4.3",
43-
"react": "^19.2.0",
44-
"react-dom": "^19.2.0",
45-
"react-tweet": "^3.2.2",
46-
"recharts": "2.15.4",
47-
"remark": "^15.0.1",
48-
"remark-gfm": "^4.0.1",
49-
"remark-mdx": "^3.1.1",
50-
"shiki": "^3.13.0",
51-
"sonner": "^2.0.7",
52-
"tailwind-merge": "^3.3.1"
53-
},
54-
"devDependencies": {
55-
"@tailwindcss/postcss": "^4.1.14",
56-
"@types/culori": "^4.0.1",
57-
"@types/mdx": "^2.0.13",
58-
"@types/node": "24.7.0",
59-
"@types/papaparse": "^5.3.16",
60-
"@types/qrcode": "^1.5.5",
61-
"@types/react": "^19.2.2",
62-
"@types/react-dom": "^19.2.1",
63-
"eslint": "^9.37.0",
64-
"eslint-config-next": "15.5.4",
65-
"postcss": "^8.5.6",
66-
"tailwindcss": "^4.1.14",
67-
"tw-animate-css": "^1.4.0",
68-
"typescript": "^5.9.3"
69-
}
70-
}
2+
"name": "web",
3+
"version": "0.0.0",
4+
"private": true,
5+
"scripts": {
6+
"build": "next build",
7+
"dev": "next dev --turbopack",
8+
"start": "next start",
9+
"check": "biome check --write .",
10+
"postinstall": "fumadocs-mdx",
11+
"cf-typegen": "wrangler types --env-interface CloudflareEnv cloudflare-env.d.ts",
12+
"generate-analytics": "bun scripts/generate-analytics.ts",
13+
"generate-schema": "bun scripts/generate-schema.ts"
14+
},
15+
"dependencies": {
16+
"@better-t-stack/backend": "workspace:*",
17+
"@erquhart/convex-oss-stats": "^0.8.1",
18+
"@number-flow/react": "^0.5.10",
19+
"@orama/orama": "^3.1.14",
20+
"@radix-ui/react-dialog": "^1.1.15",
21+
"@radix-ui/react-dropdown-menu": "^2.1.16",
22+
"@radix-ui/react-hover-card": "^1.1.15",
23+
"@radix-ui/react-scroll-area": "^1.2.10",
24+
"@radix-ui/react-slot": "^1.2.3",
25+
"@radix-ui/react-switch": "^1.2.6",
26+
"@radix-ui/react-toggle": "^1.1.10",
27+
"babel-plugin-react-compiler": "^1.0.0",
28+
"class-variance-authority": "^0.7.1",
29+
"clsx": "^2.1.1",
30+
"convex": "^1.27.4",
31+
"convex-helpers": "^0.1.104",
32+
"culori": "^4.0.2",
33+
"date-fns": "^4.1.0",
34+
"fumadocs-core": "15.8.5",
35+
"fumadocs-mdx": "12.0.3",
36+
"fumadocs-ui": "15.8.5",
37+
"lucide-react": "^0.545.0",
38+
"motion": "^12.23.22",
39+
"next": "16.0.0-beta.0",
40+
"next-themes": "^0.4.6",
41+
"nuqs": "^2.7.1",
42+
"papaparse": "^5.5.3",
43+
"posthog-js": "^1.273.1",
44+
"qrcode": "^1.5.4",
45+
"radix-ui": "^1.4.3",
46+
"react": "19.2.0",
47+
"react-dom": "19.2.0",
48+
"react-tweet": "^3.2.2",
49+
"recharts": "2.15.4",
50+
"remark": "^15.0.1",
51+
"remark-gfm": "^4.0.1",
52+
"remark-mdx": "^3.1.1",
53+
"shiki": "^3.13.0",
54+
"sonner": "^2.0.7",
55+
"tailwind-merge": "^3.3.1"
56+
},
57+
"devDependencies": {
58+
"@tailwindcss/postcss": "^4.1.14",
59+
"@types/culori": "^4.0.1",
60+
"@types/mdx": "^2.0.13",
61+
"@types/node": "24.7.0",
62+
"@types/papaparse": "^5.3.16",
63+
"@types/qrcode": "^1.5.5",
64+
"@types/react": "19.2.2",
65+
"@types/react-dom": "19.2.1",
66+
"eslint": "^9.37.0",
67+
"eslint-config-next": "16.0.0-beta.0",
68+
"postcss": "^8.5.6",
69+
"tailwindcss": "^4.1.14",
70+
"tw-animate-css": "^1.4.0",
71+
"typescript": "^5.9.3"
72+
},
73+
"overrides": {
74+
"@types/react": "19.2.2",
75+
"@types/react-dom": "19.2.1"
76+
}
77+
}

apps/web/src/app/layout.tsx

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import { RootProvider } from "fumadocs-ui/provider";
22
import type { Metadata, Viewport } from "next";
33
import { Geist, Geist_Mono } from "next/font/google";
44
import type { ReactNode } from "react";
5-
import SearchDialog from "@/components/search";
65
import { cn } from "@/lib/utils";
76
import "./global.css";
87
import Providers from "@/components/providers";
@@ -112,7 +111,6 @@ export default function Layout({ children }: { children: ReactNode }) {
112111
<body>
113112
<RootProvider
114113
search={{
115-
SearchDialog,
116114
options: {
117115
type: "static",
118116
},

apps/web/src/components/search.tsx

Lines changed: 0 additions & 69 deletions
This file was deleted.

apps/web/src/components/ui/button.tsx

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1+
import { Slot } from "@radix-ui/react-slot";
12
import { cva, type VariantProps } from "class-variance-authority";
2-
import { Slot as SlotPrimitive } from "radix-ui";
33
import type * as React from "react";
44

55
import { cn } from "@/lib/utils";
@@ -9,14 +9,13 @@ const buttonVariants = cva(
99
{
1010
variants: {
1111
variant: {
12-
default:
13-
"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
12+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
1413
destructive:
15-
"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
14+
"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
1615
outline:
1716
"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
1817
secondary:
19-
"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
18+
"bg-secondary text-secondary-foreground hover:bg-secondary/80",
2019
ghost:
2120
"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
2221
link: "text-primary underline-offset-4 hover:underline",
@@ -26,6 +25,8 @@ const buttonVariants = cva(
2625
sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
2726
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
2827
icon: "size-9",
28+
"icon-sm": "size-8",
29+
"icon-lg": "size-10",
2930
},
3031
},
3132
defaultVariants: {
@@ -45,7 +46,7 @@ function Button({
4546
VariantProps<typeof buttonVariants> & {
4647
asChild?: boolean;
4748
}) {
48-
const Comp = asChild ? SlotPrimitive.Slot : "button";
49+
const Comp = asChild ? Slot : "button";
4950

5051
return (
5152
<Comp

apps/web/src/components/ui/card.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
2020
<div
2121
data-slot="card-header"
2222
className={cn(
23-
"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
23+
"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
2424
className,
2525
)}
2626
{...props}

0 commit comments

Comments
 (0)