Remove default pages and styling

This commit is contained in:
Marcus Blättermann 2022-11-10 03:28:26 +01:00
parent 52f07e5316
commit 863d0f0d44
No known key found for this signature in database
GPG Key ID: A1E1F04008AC450D
5 changed files with 0 additions and 210 deletions

View File

@ -1,4 +1,3 @@
import '../styles/globals.sass'
import type { AppProps } from 'next/app'
export default function App({ Component, pageProps }: AppProps) {

View File

@ -1,10 +0,0 @@
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
import type { NextApiRequest, NextApiResponse } from 'next'
type Data = {
name: string
}
export default function handler(req: NextApiRequest, res: NextApiResponse<Data>) {
res.status(200).json({ name: 'John Doe' })
}

View File

@ -1,68 +0,0 @@
import Head from 'next/head'
import Image from 'next/image'
import styles from '../styles/Home.module.sass'
export default function Home() {
return (
<div className={styles.container}>
<Head>
<title>Create Next App</title>
<meta name="description" content="Generated by create next app" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main className={styles.main}>
<h1 className={styles.title}>
Welcome to <a href="https://nextjs.org">Next.js!</a>
</h1>
<p className={styles.description}>
Get started by editing <code className={styles.code}>pages/index.tsx</code>
</p>
<div className={styles.grid}>
<a href="https://nextjs.org/docs" className={styles.card}>
<h2>Documentation &rarr;</h2>
<p>Find in-depth information about Next.js features and API.</p>
</a>
<a href="https://nextjs.org/learn" className={styles.card}>
<h2>Learn &rarr;</h2>
<p>Learn about Next.js in an interactive course with quizzes!</p>
</a>
<a
href="https://github.com/vercel/next.js/tree/canary/examples"
className={styles.card}
>
<h2>Examples &rarr;</h2>
<p>Discover and deploy boilerplate example Next.js projects.</p>
</a>
<a
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
className={styles.card}
>
<h2>Deploy &rarr;</h2>
<p>Instantly deploy your Next.js site to a public URL with Vercel.</p>
</a>
</div>
</main>
<footer className={styles.footer}>
<a
href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
Powered by{' '}
<span className={styles.logo}>
<Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
</span>
</a>
</footer>
</div>
)
}

View File

@ -1,110 +0,0 @@
.container
padding: 0 2rem
.main
min-height: 100vh
padding: 4rem 0
flex: 1
display: flex
flex-direction: column
justify-content: center
align-items: center
.footer
display: flex
flex: 1
padding: 2rem 0
border-top: 1px solid #eaeaea
justify-content: center
align-items: center
.footer a
display: flex
justify-content: center
align-items: center
flex-grow: 1
.title a
color: #0070f3
text-decoration: none
.title a:hover,
.title a:focus,
.title a:active
text-decoration: underline
.title
margin: 0
line-height: 1.15
font-size: 4rem
.title,
.description
text-align: center
.description
margin: 4rem 0
line-height: 1.5
font-size: 1.5rem
.code
background: #fafafa
border-radius: 5px
padding: 0.75rem
font-size: 1.1rem
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace
.grid
display: flex
align-items: center
justify-content: center
flex-wrap: wrap
max-width: 800px
.card
margin: 1rem
padding: 1.5rem
text-align: left
color: inherit
text-decoration: none
border: 1px solid #eaeaea
border-radius: 10px
transition: color 0.15s ease, border-color 0.15s ease
max-width: 300px
.card:hover,
.card:focus,
.card:active
color: #0070f3
border-color: #0070f3
.card h2
margin: 0 0 1rem 0
font-size: 1.5rem
.card p
margin: 0
font-size: 1.25rem
line-height: 1.5
.logo
height: 1em
margin-left: 0.5rem
@media (max-width: 600px)
.grid
width: 100%
flex-direction: column
@media (prefers-color-scheme: dark)
.card,
.footer
border-color: #222
.code
background: #111
.logo img
filter: invert(1)

View File

@ -1,21 +0,0 @@
html,
body
padding: 0
margin: 0
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
a
color: inherit
text-decoration: none
*
box-sizing: border-box
@media (prefers-color-scheme: dark)
html
color-scheme: dark
body
color: white
background: black