npm cinpm run devhttp://localhost:3000 で開きます。
npm run formatでコードを整形します。
npm run lintでコードをチェックします。出てくるwarningやerrorはできるだけ直しましょう。
- Next.js
- 検索する際は「App Router」を含めることで古い記事に惑わされることが少なくなります。
- DaisyUI / Tailwind CSS
- buttonやinputやメニューなどの基本的なコンポーネントのデザインはDaisyUIにあるものを使うと楽です
- 細かくスタイルを調整したい場合はTailwind CSSを使います (CSS直接指定(
style={{...}})よりもちょっと楽に書ける) - よくわからなかったらstyle直接指定でも良い
- react-markdown
- オプションがいろいろあり、今はほぼデフォルト設定で突っ込んでいるがあとでなんとかする