## プロジェクト作成 [[TypeScript]]と[[Next.js]] with [[Turbopack]]。 ```console $ npx create-next-app --example with-turbopack √ What is your project named? ... espelhar Creating a new Next.js app in C:\Users\syoum\git\github.com\tadashi-aikawa\espelhar. Downloading files for example with-turbopack. This might take a moment. Installing packages. This might take a couple of minutes. > postinstall > npm run tailwind > tailwind > tailwindcss -i styles/globals.css -o styles/dist.css Rebuilding... Done in 244ms. added 460 packages, and audited 461 packages in 55s 93 packages are looking for funding run `npm fund` for details found 0 vulnerabilities Initialized a git repository. Success! Created espelhar at C:\Users\syoum\git\github.com\tadashi-aikawa\espelhar Inside that directory, you can run several commands: npm run dev Starts the development server. npm run build Builds the app for production. npm start Runs the built app in production mode. We suggest that you begin by typing: cd espelhar npm run dev A new version of `create-next-app` is available! You can update by running: npm i -g create-next-app ``` ## 動作確認 ```console cd espelhar npm run dev ``` ## [[Material-UI]]のインストール [[Emotion]]を使う。 ```console npm install @mui/material @emotion/react @emotion/styled npm install @fontsource/roboto npm install @mui/icons-material ``` 案の定動かんな。。