updated to nextjs 13 features and behaviour

3 years ago · ca6701c817
parent a20dcb13d9
commit ca6701c817
14 changed files with 170 additions and 4 deletions
--- a/.gitignore
+++ b/.gitignore
@ -18,6 +18,7 @@
 # misc
 .DS_Store
 *.pem
+just-stuff

 # debug
 npm-debug.log*
--- a/app/contact/page.js
+++ b/app/contact/page.js
@ -0,0 +1,6 @@
+export default async function Page({ children }) {
+    return(
+        <h1>
+        </h1>
+    );
+}
--- a/app/courses/page.js
+++ b/app/courses/page.js
@ -0,0 +1,6 @@
+export default async function Page({ children }) {
+    return(
+        <h1>
+        </h1>
+    );
+}
--- a/app/forum/page.js
+++ b/app/forum/page.js
@ -0,0 +1,6 @@
+export default async function Page({ children }) {
+    return(
+        <h1>
+        </h1>
+    );
+}
--- a/app/globals.css
+++ b/app/globals.css
@ -0,0 +1,44 @@
+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;
+  height: 100%;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+a:hover {
+  color: lightskyblue;
+}
+
+* {
+  box-sizing: border-box;
+}
+main {
+  display: flex;
+  flex-direction: row;
+  gap: 10rem;
+  height: 100%;
+}
+nav {
+  background-color: #2d2d2d;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
+  padding-left: 3rem;
+  padding-right: 3rem;
+}
+
+@media (prefers-color-scheme: dark) {
+  html {
+    color-scheme: dark;
+  }
+  body {
+    color: white;
+    background: black;
+  }
+}
--- a/app/layout.js
+++ b/app/layout.js
@ -0,0 +1,39 @@
+/* eslint-disable @next/next/no-head-element */
+
+import Link from "next/link";
+import './globals.css';
+
+export default function RootLayout({ children }) {
+  return (
+    <html>
+      <head></head>
+      <body>
+          <main>
+              <nav>
+                  <Link href="/">
+                      Home
+                  </Link>
+                  <Link href="courses">
+                      Kueren
+                  </Link>
+                  <Link href ="user">
+                      Mäi Konto
+                  </Link>
+                  <Link href="register">
+                      Registréieren
+                  </Link>
+                  <Link href="forum">
+                      Forum
+                  </Link>
+                  <Link href="contact">
+                      Kontakt
+                  </Link>
+              </nav>
+              <div>
+                {children}
+              </div>
+          </main>
+      </body>
+    </html>
+  );
+}
--- a/app/page.js
+++ b/app/page.js
@ -0,0 +1,39 @@
+import PocketBase from "pocketbase";
+
+async function getItems() {
+    const client = new PocketBase('https://backend.saachen.lu');
+    const adminAuthData = await client.admins.authViaEmail(process.env.USERNAME, process.env.PASSWORD);
+//console.log(adminAuthData);
+    const resultList = await client.records.getList('forums', 1, 50, {
+        filter: 'created >= "2022-01-01 00:00:00"',
+    });
+    console.log(resultList);
+    return resultList;
+}
+
+export default async function Page({ children }) {
+    const resultList = await getItems();
+    return (
+        <div>
+            <h1>hi</h1>
+            <div>
+                {resultList.items.map((item, i) => (
+                    <div key={i}>
+                        // Show all things which you want
+                        <br/>
+                        {i}
+                        <br/>
+                        {item.title}
+                        <br/>
+                        {i}
+                        <br/>
+                        {item.description}
+                    </div>
+                ))
+                }
+            </div>
+        </div>
+        );
+}
+
+export default Page;
--- a/app/register/page.js
+++ b/app/register/page.js
@ -0,0 +1,6 @@
+export default async function Page({ children }) {
+    return(
+        <h1>
+        </h1>
+    );
+}
--- a/app/user/page.js
+++ b/app/user/page.js
@ -0,0 +1,6 @@
+export default async function Page({ children }) {
+    return(
+        <h1>
+        </h1>
+    );
+}
--- a/just-stuff/_app.js
+++ b/just-stuff/_app.js
@ -0,0 +1,7 @@
+import '../styles/globals.css'
+
+function MyApp({ Component, pageProps }) {
+  return <Component {...pageProps} />
+}
+
+export default MyApp
--- a/just-stuff/api/hello.js
+++ b/just-stuff/api/hello.js
@ -0,0 +1,5 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+
+export default function handler(req, res) {
+  res.status(200).json({ name: 'John Doe' })
+}
--- a/just-stuff/index.js
+++ b/just-stuff/index.js
--- a/next.config.js
+++ b/next.config.js
@ -1,13 +1,14 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  reactStrictMode: true,
-    webpack: (config) => {
+    reactStrictMode: true,
+    experimental:{appDir: true},
+    /*webpack: (config) => {
      config.experiments = {
        topLevelAwait: true,
        layers: true,
      }
      return config
-    },
+    },*/
 }

 module.exports = nextConfig
--- a/package.json
+++ b/package.json
@ -3,7 +3,7 @@
  "version": "0.1.0",
  "private": true,
  "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbo",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"