Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 667edbe
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. | ||
|
|
||
| # dependencies | ||
| /node_modules | ||
| /.pnp | ||
| .pnp.js | ||
|
|
||
| # testing | ||
| /coverage | ||
|
|
||
| # next.js | ||
| /.next/ | ||
| /out/ | ||
|
|
||
| # production | ||
| /build | ||
|
|
||
| # misc | ||
| .DS_Store | ||
| .env* | ||
|
|
||
| # debug | ||
| npm-debug.log* | ||
| yarn-debug.log* | ||
| yarn-error.log* |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,56 @@ | ||
| import React from 'react' | ||
| import Link from 'next/link' | ||
|
|
||
| const links = [ | ||
| { href: 'https://zeit.co/now', label: 'ZEIT' }, | ||
| { href: 'https://github.com/zeit/next.js', label: 'GitHub' }, | ||
| ].map(link => { | ||
| link.key = `nav-link-${link.href}-${link.label}` | ||
| return link | ||
| }) | ||
|
|
||
| const Nav = () => ( | ||
| <nav> | ||
| <ul> | ||
| <li> | ||
| <Link href="/"> | ||
| <a>Home</a> | ||
| </Link> | ||
| </li> | ||
| {links.map(({ key, href, label }) => ( | ||
| <li key={key}> | ||
| <a href={href}>{label}</a> | ||
| </li> | ||
| ))} | ||
| </ul> | ||
|
|
||
| <style jsx>{` | ||
| :global(body) { | ||
| margin: 0; | ||
| font-family: -apple-system, BlinkMacSystemFont, Avenir Next, Avenir, | ||
| Helvetica, sans-serif; | ||
| } | ||
| nav { | ||
| text-align: center; | ||
| } | ||
| ul { | ||
| display: flex; | ||
| justify-content: space-between; | ||
| } | ||
| nav > ul { | ||
| padding: 4px 16px; | ||
| } | ||
| li { | ||
| display: flex; | ||
| padding: 6px 8px; | ||
| } | ||
| a { | ||
| color: #067df7; | ||
| text-decoration: none; | ||
| font-size: 13px; | ||
| } | ||
| `}</style> | ||
| </nav> | ||
| ) | ||
|
|
||
| export default Nav |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| { | ||
| "name": "notion-backed-site", | ||
| "version": "0.1.0", | ||
| "private": true, | ||
| "scripts": { | ||
| "dev": "next dev", | ||
| "build": "next build", | ||
| "start": "next start" | ||
| }, | ||
| "dependencies": { | ||
| "next": "9.1.6", | ||
| "react": "16.12.0", | ||
| "react-dom": "16.12.0" | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,88 @@ | ||
| import React from 'react' | ||
| import Head from 'next/head' | ||
| import Nav from '../components/nav' | ||
|
|
||
| const Home = () => ( | ||
| <div> | ||
| <Head> | ||
| <title>Home</title> | ||
| <link rel="icon" href="/favicon.ico" /> | ||
| </Head> | ||
|
|
||
| <Nav /> | ||
|
|
||
| <div className="hero"> | ||
| <h1 className="title">Welcome to Next.js!</h1> | ||
| <p className="description"> | ||
| To get started, edit <code>pages/index.js</code> and save to reload. | ||
| </p> | ||
|
|
||
| <div className="row"> | ||
| <a href="https://nextjs.org/docs" className="card"> | ||
| <h3>Documentation →</h3> | ||
| <p>Learn more about Next.js in the documentation.</p> | ||
| </a> | ||
| <a href="https://nextjs.org/learn" className="card"> | ||
| <h3>Next.js Learn →</h3> | ||
| <p>Learn about Next.js by following an interactive tutorial!</p> | ||
| </a> | ||
| <a | ||
| href="https://github.com/zeit/next.js/tree/master/examples" | ||
| className="card" | ||
| > | ||
| <h3>Examples →</h3> | ||
| <p>Find other example boilerplates on the Next.js GitHub.</p> | ||
| </a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <style jsx>{` | ||
| .hero { | ||
| width: 100%; | ||
| color: #333; | ||
| } | ||
| .title { | ||
| margin: 0; | ||
| width: 100%; | ||
| padding-top: 80px; | ||
| line-height: 1.15; | ||
| font-size: 48px; | ||
| } | ||
| .title, | ||
| .description { | ||
| text-align: center; | ||
| } | ||
| .row { | ||
| max-width: 880px; | ||
| margin: 80px auto 40px; | ||
| display: flex; | ||
| flex-direction: row; | ||
| justify-content: space-around; | ||
| } | ||
| .card { | ||
| padding: 18px 18px 24px; | ||
| width: 220px; | ||
| text-align: left; | ||
| text-decoration: none; | ||
| color: #434343; | ||
| border: 1px solid #9b9b9b; | ||
| } | ||
| .card:hover { | ||
| border-color: #067df7; | ||
| } | ||
| .card h3 { | ||
| margin: 0; | ||
| color: #067df7; | ||
| font-size: 18px; | ||
| } | ||
| .card p { | ||
| margin: 0; | ||
| padding: 12px 0 0; | ||
| font-size: 13px; | ||
| color: #333; | ||
| } | ||
| `}</style> | ||
| </div> | ||
| ) | ||
|
|
||
| export default Home | ||
This comment has been minimized.
Sorry, something went wrong. |
||
Binary file not shown.
Oops, something went wrong.
#57