schulze/next-boilerplate
Template
1
0
Fork 0
Code Pull Requests 1 Actions Activity

prettier

Browse Source
This commit is contained in:
Felix Schulze
2025-11-01 16:26:05 +01:00
parent d252986097
commit 21500558ee
2 changed files with 24 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/layout.tsx
View File

@@ -1,20 +1,20 @@
import type { Metadata } from "next"; import type { Metadata } from 'next';
import { Geist, Geist_Mono } from "next/font/google"; import { Geist, Geist_Mono } from 'next/font/google';
import "./globals.css"; import './globals.css';
const geistSans = Geist({ const geistSans = Geist({
variable: "--font-geist-sans", variable: '--font-geist-sans',
subsets: ["latin"], subsets: ['latin'],
}); });
const geistMono = Geist_Mono({ const geistMono = Geist_Mono({
variable: "--font-geist-mono", variable: '--font-geist-mono',
subsets: ["latin"], 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({
@@ -24,11 +24,7 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en">
<body <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>{children}</body>
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
{children}
</body>
</html> </html>
); );
} }

48
app/page.tsx
View File

@@ -1,9 +1,9 @@
import Image from "next/image"; import Image from 'next/image';
export default function Home() { export default function Home() {
return ( return (
<div className="font-sans grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20"> <div className="grid min-h-screen grid-rows-[20px_1fr_20px] items-center justify-items-center gap-16 p-8 pb-20 font-sans sm:p-20">
<main className="flex flex-col gap-[32px] row-start-2 items-center sm:items-start"> <main className="row-start-2 flex flex-col items-center gap-[32px] sm:items-start">
<Image <Image
className="dark:invert" className="dark:invert"
src="/next.svg" src="/next.svg"
@@ -12,22 +12,20 @@ export default function Home() {
height={38} height={38}
priority priority
/> />
<ol className="font-mono list-inside list-decimal text-sm/6 text-center sm:text-left"> <ol className="list-inside list-decimal text-center font-mono text-sm/6 sm:text-left">
<li className="mb-2 tracking-[-.01em]"> <li className="mb-2 tracking-[-.01em]">
Get started by editing{" "} Get started by editing{' '}
<code className="bg-black/[.05] dark:bg-white/[.06] font-mono font-semibold px-1 py-0.5 rounded"> <code className="rounded bg-black/[.05] px-1 py-0.5 font-mono font-semibold dark:bg-white/[.06]">
app/page.tsx app/page.tsx
</code> </code>
. .
</li> </li>
<li className="tracking-[-.01em]"> <li className="tracking-[-.01em]">Save and see your changes instantly.</li>
Save and see your changes instantly.
</li>
</ol> </ol>
<div className="flex gap-4 items-center flex-col sm:flex-row"> <div className="flex flex-col items-center gap-4 sm:flex-row">
<a <a
className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 sm:w-auto" className="bg-foreground text-background flex h-10 items-center justify-center gap-2 rounded-full border border-solid border-transparent px-4 text-sm font-medium transition-colors hover:bg-[#383838] sm:h-12 sm:w-auto sm:px-5 sm:text-base dark:hover:bg-[#ccc]"
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
@@ -42,7 +40,7 @@ export default function Home() {
Deploy now Deploy now
</a> </a>
<a <a
className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 w-full sm:w-auto md:w-[158px]" className="flex h-10 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-4 text-sm font-medium transition-colors hover:border-transparent hover:bg-[#f2f2f2] sm:h-12 sm:w-auto sm:px-5 sm:text-base md:w-[158px] dark:border-white/[.145] dark:hover:bg-[#1a1a1a]"
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
@@ -51,20 +49,14 @@ export default function Home() {
</a> </a>
</div> </div>
</main> </main>
<footer className="row-start-3 flex gap-[24px] flex-wrap items-center justify-center"> <footer className="row-start-3 flex flex-wrap items-center justify-center gap-[24px]">
<a <a
className="flex items-center gap-2 hover:underline hover:underline-offset-4" className="flex items-center gap-2 hover:underline hover:underline-offset-4"
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >
<Image <Image aria-hidden src="/file.svg" alt="File icon" width={16} height={16} />
aria-hidden
src="/file.svg"
alt="File icon"
width={16}
height={16}
/>
Learn Learn
</a> </a>
<a <a
@@ -73,13 +65,7 @@ export default function Home() {
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >
<Image <Image aria-hidden src="/window.svg" alt="Window icon" width={16} height={16} />
aria-hidden
src="/window.svg"
alt="Window icon"
width={16}
height={16}
/>
Examples Examples
</a> </a>
<a <a
@@ -88,13 +74,7 @@ export default function Home() {
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >
<Image <Image aria-hidden src="/globe.svg" alt="Globe icon" width={16} height={16} />
aria-hidden
src="/globe.svg"
alt="Globe icon"
width={16}
height={16}
/>
Go to nextjs.org → Go to nextjs.org →
</a> </a>
</footer> </footer>