Next.jsアプリ作成

個人ブログを作成しようと思い、フロントエンドにNext.jsを選んだ。(流行ってるぽいってだけ)

アプリの雛形が簡単に作成できるので、実行したコマンドのメモ。

$ npx create-next-app@latest --typescript
✔ What is your project named? … my-app
✔ Would you like to use ESLint with this project? … No / Yes
✔ Would you like to use `src/` directory with this project? … No / Yes
✔ Would you like to use experimental `app/` directory with this project? … No / Yes
✔ What import alias would you like configured? … @/*
Creating a new Next.js app in /Users/user/dev/my-app.

npx create-next-app@latest --typescriptで、TypeScriptベースのNext.jsアプリが作成される。
このコマンドを実行すると、初めにアプリの名前の入力を促されるので、任意の名前を入力する。
以降の質問は、全てデフォルトでいいかなと思ったので、ひたすらEnterキーで次の質問へ進んでいった。

アプリの雛形が作成されると、npm run devコマンドでNext.jsアプリが起動できる。localhost:3000でアクセス可能。

なお、アクセスするとpages/index.tsxが画面に表示される。画面にはGet started by editing pages/index.tsxの文字があるため、ここを編集することから始めればよさそうである。徐々に理想のブログへ形作るようにしよう。

参考

nextjs-ja-translation-docs.vercel.app