Layout | Notion

共用布局: 比如說每個頁面都有
import Head from 'next/head';
import styles from '@/styles/components/layout/Layout.module.scss';
import SideBar from '@/components/layout/SideBar';

export default function Layout({ children }: { children: React.ReactNode }) {
  return (
    <>
      <Head>
        <title>NTUB BIRC CMS</title>
        <meta charSet="UTF-8" />
        <meta name="description" content="NTUB IMD BIRC CMS" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="icon" href="/favicon.ico" />
      </Head>
      
      <main className={styles.layout}>
        <SideBar />
        <article className={styles.chill}>
          {children}
        </article>
      </main>
    </>
  );
}