Alex
/
Saachen_lu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated to nextjs 13 features and behaviour

Browse Source
main
Alex the Emperor Penguin 3 years ago
parent 3a798aed36
commit 739e6b4c3c
10 changed files with 49 additions and 161 deletions
Show Stats Download Patch File Download Diff File

1
.gitignore vendored
Unescape View File

@ -18,6 +18,7 @@
# misc # misc
.DS_Store .DS_Store
*.pem *.pem
just-stuff
# debug # debug
npm-debug.log* npm-debug.log*

26
app/forum/page.js
Unescape View File

@ -1,26 +1,6 @@
import getItems from "./getItems";
export default async function Page({ children }) { export default async function Page({ children }) {
const resultList = await getItems; return(
return ( <h1>
<div> </h1>
<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>
); );
} }

6
app/globals.css
Unescape View File

@ -33,12 +33,6 @@ nav {
padding-right: 3rem; padding-right: 3rem;
} }
.social {
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html { html {
color-scheme: dark; color-scheme: dark;

13
app/layout.js
Unescape View File

@ -6,10 +6,7 @@ import './globals.css';
export default function RootLayout({ children }) { export default function RootLayout({ children }) {
return ( return (
<html> <html>
<head> <head></head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossOrigin="anonymous"/>
</head>
<body> <body>
<main> <main>
<nav> <nav>
@ -31,14 +28,6 @@ export default function RootLayout({ children }) {
<Link href="contact"> <Link href="contact">
Kontakt Kontakt
</Link> </Link>
<div className="social">
<Link href="https://discord.gg/S763kufxCF">
<i className="fa fa-discord-alt fa-2x" aria-hidden="true"></i>
</Link>
<Link href="https://git.emperorpenguin.dev/Alex/Saachen_lu">
<i className="fa fa-gitea fa-2x" aria-hidden="true"></i>
</Link>
</div>
</nav> </nav>
<div> <div>
{children} {children}

41
app/page.js
Unescape View File

@ -1,6 +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 }) { export default async function Page({ children }) {
return( const resultList = await getItems();
<h1> return (
</h1> <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;

7
next.config.js
Unescape View File

@ -1,13 +1,14 @@
/** @type {import('next').NextConfig} */ /** @type {import('next').NextConfig} */
const nextConfig = { const nextConfig = {
reactStrictMode: true, reactStrictMode: true,
webpack: (config) => { experimental:{appDir: true},
/*webpack: (config) => {
config.experiments = { config.experiments = {
topLevelAwait: true, topLevelAwait: true,
layers: true, layers: true,
} }
return config return config
}, },*/
} }
module.exports = nextConfig module.exports = nextConfig

2
package.json
Unescape View File

@ -3,7 +3,7 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "next dev", "dev": "next dev --turbo",
"build": "next build", "build": "next build",
"start": "next start", "start": "next start",
"lint": "next lint" "lint": "next lint"

7
pages/_app.js
Unescape View File

@ -1,7 +0,0 @@
import '../styles/globals.css'
function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
}
export default MyApp

5
pages/api/hello.js
Unescape View File

@ -1,5 +0,0 @@
// 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' })
}

98
pages/index.js
Unescape View File

@ -1,98 +0,0 @@
import Head from 'next/head'
import Image from 'next/image'
import PocketBase from 'pocketbase'
import styles from '../styles/Home.module.css'
console.log("username:" + process.env.USERNAME);
const client = new PocketBase('https://backend.saachen.lu');
const adminAuthData = await client.admins.authViaEmail(process.env.USERNAME, process.env.PASSWORD).catch((error) =>{console.log("It be a feature")});
//console.log(adminAuthData);
const resultList = await client.records.getList('forums', 1, 50, {
filter: 'created >= "2022-01-01 00:00:00"',
});
//console.log(resultList);
export default function Home() {
return (
<div className={styles.container}>
<Head>
<title>hihi</title>
<meta name="description" content="Generated by create next app" />
<link rel="icon" href="/favicon.ico" />
</Head>
{/*{console.log(adminAuthData)}*/}
<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>
<main className={styles.main}>
<h1 className={styles.title}>
Welcome to <a href="https://nextjs.org">kakapoopoo.js!</a>
<br/>
</h1>
<p className={styles.description}>
Get started by editing{' '}
<code className={styles.code}>pages/index.js</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>
)
}
Write Preview
Loading…
Cancel
Save