Skip to content
Snippets Groups Projects
Commit cde5bdc9 authored by Dysk0's avatar Dysk0
Browse files

Homepage created

parent 3244e1d0
No related branches found
No related tags found
No related merge requests found
This is a test alpha version for a simple website using Payload CMS -a headless CMS- and built entirely using next.js, using only typescript. This is a test alpha version for a simple website using Payload CMS -a headless CMS- and built entirely using next.js, using only typescript, Tailwind CSS and HTML.
Initially the project will focus only on the front-end, html, css and whatnot; following by the testing on Docker of the combination with Payload and finally deploying the website.
As of 16.04.2024:
-Homepage is into development.
-The github repository is created and the .json config files and next.js is set up sucessfully.
-Docker container is not yet created nor tested.
// src/pages/index.tsx
import Head from 'next/head';
import styles from '../styles/Home.module.css';
const Home: React.FC = () => {
return (
<div className={styles.container}>
<Head>
<title>Home Page</title>
<meta name="description" content="Welcome to my Next.js website!" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main className={styles.main}>
<h1 className={styles.title}>
Hello World UwU
</h1>
<p className={styles.description}>
Yay wassup maniggis!
<code className={styles.code}>src/pages/index.tsx</code>
</p>
</main>
<footer className={styles.footer}>
{/* add footer here! */}
</footer>
</div>
);
};
export default Home;
\ No newline at end of file
/* styles/Home.module.css */
.container {
padding: 0 2rem;
}
.main {
min-height: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: baseline;
}
.title {
margin: 0;
line-height: 1.15;
font-size: 4rem;
}
.description {
text-align: center;
line-height: 1.15;
font-size: 1.5rem;
}
.code {
background: #fafafa;
border-radius: 5px;
padding: 0.75rem;
font-family: monospace;
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment