Skip to main content

2.不要なファイルの削除

app/layout.tsxを開き以下のように最低限の構成に変更します。

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="ja">
      <body >
        {children}
      </body>
    </html>
  );
}

app/page.tsxを開いて、必要最低限の記述に変更します。

export default function Home() {
  return (
    <main>
      <p>Hello Next</p>
    </main>
  )
}

使わない画像と css は削除します。

rm public/vercel.svg
rm public/file.svg
rm public/globe.svg
rm public/window.svg
rm public/next.svg
rm app/globals.css
rm app/page.module.css
git add .
git commit -m "Remove extra files"