LukeParke/vercel
1
0
Fork 0
mirror of https://github.com/LukeHagar/vercel.git synced 2025-12-07 21:07:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

[examples][tests] Upgrade Next.js to version 14.1.0 (#11066)

Browse Source 
This auto-generated PR updates 7 packages to Next.js version 14.1.0

Co-authored-by: Steven <steven@ceriously.com>
This commit is contained in:
Vercel Release Bot
2024-01-19 11:08:14 -05:00
committed by GitHub
parent b185a7e207
commit eddd432e06
11 changed files with 630 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.changeset/next-14-1-0.md Normal file
View File

@@ -0,0 +1,3 @@
---
---

6
examples/nextjs/app/globals.css
View File

@@ -25,3 +25,9 @@ body {
) )
rgb(var(--background-start-rgb)); rgb(var(--background-start-rgb));
} }
@layer utilities {
.text-balance {
text-wrap: balance;
}
}

22
examples/nextjs/app/layout.tsx
View File

@@ -1,22 +1,22 @@
import type { Metadata } from 'next' import type { Metadata } from "next";
import { Inter } from 'next/font/google' import { Inter } from "next/font/google";
import './globals.css' import "./globals.css";
const inter = Inter({ subsets: ['latin'] }) const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = { export const metadata: Metadata = {
title: 'Create Next App', title: "Create Next App",
description: 'Generated by create next app', description: "Generated by create next app",
} };
export default function RootLayout({ export default function RootLayout({
children, children,
}: { }: Readonly<{
children: React.ReactNode children: React.ReactNode;
}) { }>) {
return ( return (
<html lang="en"> <html lang="en">
<body className={inter.className}>{children}</body> <body className={inter.className}>{children}</body>
</html> </html>
) );
} }

18
examples/nextjs/app/page.tsx
View File

@@ -1,4 +1,4 @@
import Image from 'next/image' import Image from "next/image";
export default function Home() { export default function Home() {
return ( return (
@@ -15,7 +15,7 @@ export default function Home() {
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >
By{' '} By{" "}
<Image <Image
src="/vercel.svg" src="/vercel.svg"
alt="Vercel Logo" alt="Vercel Logo"
@@ -28,7 +28,7 @@ export default function Home() {
</div> </div>
</div> </div>
<div className="relative flex place-items-center before:absolute before:h-[300px] before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px] z-[-1]"> <div className="relative flex place-items-center before:absolute before:h-[300px] before:w-full sm:before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-full sm:after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px] z-[-1]">
<Image <Image
className="relative dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert" className="relative dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert"
src="/next.svg" src="/next.svg"
@@ -47,7 +47,7 @@ export default function Home() {
rel="noopener noreferrer" rel="noopener noreferrer"
> >
<h2 className={`mb-3 text-2xl font-semibold`}> <h2 className={`mb-3 text-2xl font-semibold`}>
Docs{' '} Docs{" "}
<span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none"> <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-&gt; -&gt;
</span> </span>
@@ -64,7 +64,7 @@ export default function Home() {
rel="noopener noreferrer" rel="noopener noreferrer"
> >
<h2 className={`mb-3 text-2xl font-semibold`}> <h2 className={`mb-3 text-2xl font-semibold`}>
Learn{' '} Learn{" "}
<span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none"> <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-&gt; -&gt;
</span> </span>
@@ -81,7 +81,7 @@ export default function Home() {
rel="noopener noreferrer" rel="noopener noreferrer"
> >
<h2 className={`mb-3 text-2xl font-semibold`}> <h2 className={`mb-3 text-2xl font-semibold`}>
Templates{' '} Templates{" "}
<span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none"> <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-&gt; -&gt;
</span> </span>
@@ -98,16 +98,16 @@ export default function Home() {
rel="noopener noreferrer" rel="noopener noreferrer"
> >
<h2 className={`mb-3 text-2xl font-semibold`}> <h2 className={`mb-3 text-2xl font-semibold`}>
Deploy{' '} Deploy{" "}
<span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none"> <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-&gt; -&gt;
</span> </span>
</h2> </h2>
<p className={`m-0 max-w-[30ch] text-sm opacity-50`}> <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-balance`}>
Instantly deploy your Next.js site to a shareable URL with Vercel. Instantly deploy your Next.js site to a shareable URL with Vercel.
</p> </p>
</a> </a>
</div> </div>
</main> </main>
) );
} }

4
examples/nextjs/next.config.js
View File

@@ -1,4 +0,0 @@
/** @type {import('next').NextConfig} */
const nextConfig = {}
module.exports = nextConfig

4
examples/nextjs/next.config.mjs Normal file
View File

@@ -0,0 +1,4 @@
/** @type {import('next').NextConfig} */
const nextConfig = {};
export default nextConfig;

812
examples/nextjs/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
examples/nextjs/package.json
View File

@@ -11,7 +11,7 @@
"dependencies": { "dependencies": {
"react": "^18", "react": "^18",
"react-dom": "^18", "react-dom": "^18",
"next": "14.0.4" "next": "14.1.0"
}, },
"devDependencies": { "devDependencies": {
"typescript": "^5", "typescript": "^5",
@@ -22,6 +22,6 @@
"postcss": "^8", "postcss": "^8",
"tailwindcss": "^3.3.0", "tailwindcss": "^3.3.0",
"eslint": "^8", "eslint": "^8",
"eslint-config-next": "14.0.4" "eslint-config-next": "14.1.0"
} }
} }

2
examples/nextjs/postcss.config.js
View File

@@ -3,4 +3,4 @@ module.exports = {
tailwindcss: {}, tailwindcss: {},
autoprefixer: {}, autoprefixer: {},
}, },
} };

18
examples/nextjs/tailwind.config.ts
View File

@@ -1,20 +1,20 @@
import type { Config } from 'tailwindcss' import type { Config } from "tailwindcss";
const config: Config = { const config: Config = {
content: [ content: [
'./pages/**/*.{js,ts,jsx,tsx,mdx}', "./pages/**/*.{js,ts,jsx,tsx,mdx}",
'./components/**/*.{js,ts,jsx,tsx,mdx}', "./components/**/*.{js,ts,jsx,tsx,mdx}",
'./app/**/*.{js,ts,jsx,tsx,mdx}', "./app/**/*.{js,ts,jsx,tsx,mdx}",
], ],
theme: { theme: {
extend: { extend: {
backgroundImage: { backgroundImage: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
'gradient-conic': "gradient-conic":
'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
}, },
}, },
}, },
plugins: [], plugins: [],
} };
export default config export default config;

1
examples/nextjs/tsconfig.json
View File

@@ -1,6 +1,5 @@
{ {
"compilerOptions": { "compilerOptions": {
"target": "es5",
"lib": ["dom", "dom.iterable", "esnext"], "lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true, "allowJs": true,
"skipLibCheck": true, "skipLibCheck": true,