next.jsでアプリを作る時の初歩

nextではsrc/app/layout.tsxが全体から呼ばれるので、ここに書く画面への遷移リンクを置けば良い

childrenの上に置けば、各ページよりも上に置かれることになる

import Link from "next/link";

    <html lang="en">
    <body
      className={`${geistSans.variable} ${geistMono.variable} antialiased`}
    >
    <div>
      <div>
        <Link href={"/pra"}>練習場所へ</Link>
      </div>
    </div>
    {children}
    </body>
    </html>

toke

globals.cssが全体で適応されるcssになる。
src/app/globals.css

ダークカラーが煩わしかったら、
tailwind読み込み系から下を全部コメントアウトしておけばok

@tailwind base;
@tailwind components;
@tailwind utilities;

/*:root {*/
/*  --background: #ffffff;*/
/*  --foreground: #171717;*/
/*}*/

toke

prettierを入れたら prettier --write ディレクトリ名でフォーマットできる
ないと辛いので必須

prettier --write src/app/