From 005e97f152f0bf6038979424f5f477ee360f02a2 Mon Sep 17 00:00:00 2001 From: Joshua Comeau Date: Wed, 10 May 2023 13:56:34 -0400 Subject: [PATCH] Initial starter code --- .gitignore | 35 ++++++++++++++++++++++++++++++++++ LICENSE.md | 16 ++++++++++++++++ README.md | 5 +++++ package.json | 15 +++++++++++++++ src/app/layout.js | 13 +++++++++++++ src/app/page.js | 7 +++++++ src/app/styles.css | 47 ++++++++++++++++++++++++++++++++++++++++++++++ 7 files changed, 138 insertions(+) create mode 100644 .gitignore create mode 100644 LICENSE.md create mode 100644 README.md create mode 100644 package.json create mode 100644 src/app/layout.js create mode 100644 src/app/page.js create mode 100644 src/app/styles.css diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..ae46c07 --- /dev/null +++ b/.gitignore @@ -0,0 +1,35 @@ +# 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 +*.pem + +# debug +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# local env files +.env.local +.env.development.local +.env.test.local +.env.production.local + +# vercel +.vercel +.vscode diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..af60738 --- /dev/null +++ b/LICENSE.md @@ -0,0 +1,16 @@ +# Josh's Course Materials License + +Version 1, November 2020 +Copyright (c) Josh Comeau, 2020-present + +The files in this repository are meant to be used as part of a paid course, and are not intended for public distribution. They're open-source because it's the simplest form of distribution, and provides the best experience for students enrolled in the course. + +All are welcome to create personal copies of this repository, and modify its contents for educational use. Please experiment with the code, and see what you can build! + +It is forbidden to use these contents in any sort of commercial endeavour, including but not limited to: + +• Reselling its contents as part of a different course +• Incorporating the code into a pre-existing business or project +• Selling your solution to students enrolled in the course + +Exemptions can be made, on a case-by-case basis. Contact Josh Comeau (support@joshwcomeau.com) for more information. diff --git a/README.md b/README.md new file mode 100644 index 0000000..87a29a2 --- /dev/null +++ b/README.md @@ -0,0 +1,5 @@ +## Next 13 template + +This is a _super minimal_ starter for Next 13's App Router. + +Not intended for use in production. Purely used for educational reasons. diff --git a/package.json b/package.json new file mode 100644 index 0000000..8d89618 --- /dev/null +++ b/package.json @@ -0,0 +1,15 @@ +{ + "name": "hello-next", + "version": "0.1.0", + "private": true, + "scripts": { + "dev": "next dev", + "build": "next build", + "start": "next start" + }, + "dependencies": { + "next": "13.4.0", + "react": "18.2.0", + "react-dom": "18.2.0" + } +} diff --git a/src/app/layout.js b/src/app/layout.js new file mode 100644 index 0000000..bd01279 --- /dev/null +++ b/src/app/layout.js @@ -0,0 +1,13 @@ +import React from 'react'; + +import './styles.css'; + +function RootLayout({ children }) { + return ( + + {children} + + ); +} + +export default RootLayout; diff --git a/src/app/page.js b/src/app/page.js new file mode 100644 index 0000000..efbc059 --- /dev/null +++ b/src/app/page.js @@ -0,0 +1,7 @@ +import React from 'react'; + +function Home() { + return

Hello world!

; +} + +export default Home; diff --git a/src/app/styles.css b/src/app/styles.css new file mode 100644 index 0000000..0db09bc --- /dev/null +++ b/src/app/styles.css @@ -0,0 +1,47 @@ +/* + Josh's Custom CSS Reset + https://www.joshwcomeau.com/css/custom-css-reset/ +*/ +*, +*::before, +*::after { + box-sizing: border-box; +} +* { + margin: 0; +} +html, +body { + height: 100%; +} +body { + line-height: 1.5; + -webkit-font-smoothing: antialiased; +} +img, +picture, +video, +canvas, +svg { + display: block; + max-width: 100%; +} +input, +button, +textarea, +select { + font: inherit; +} +p, +h1, +h2, +h3, +h4, +h5, +h6 { + overflow-wrap: break-word; +} +#root, +#__next { + isolation: isolate; +}