|
|
import Head from 'next/head'; |
|
|
import Link from 'next/link'; |
|
|
import styles from '../styles/Home.module.css'; |
|
|
|
|
|
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> |
|
|
); |
|
|
} |
