File size: 1,254 Bytes
88a7db9 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
import Head from 'next/head';
import Link from 'next/link';
import styles from '../styles/Home.module.css'; // We'll create this style later
export default function Home() {
return (
<div className={styles.container}>
<Head>
<title>Next.js Tutor App</title>
<meta name="description" content="Learn Next.js concepts" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main className={styles.main}>
<h1 className={styles.title}>
Welcome to the Next.js Tutor App!
</h1>
<p className={styles.description}>
Use this app to explore basic Next.js concepts.
</p>
<div className={styles.grid}>
<Link href="/basic-page" className={styles.card}>
<h2>Basic Page →</h2>
<p>See how simple pages are created in Next.js.</p>
</Link>
<Link href="/component-example" className={styles.card}>
<h2>Components →</h2>
<p>Learn about using React components in Next.js.</p>
</Link>
{/* Add more links as you add more examples */}
</div>
</main>
<footer className={styles.footer}>
Powered by Next.js
</footer>
</div>
);
} |