從零開始設置建立Next.js網站所需環境 (macOS)
試著建置開發Next.js網站所需要的環境吧！
最近又想整理一下自己的網站，找了許多資料後，打算以Next.js + Github Pages的方式來建立自己的網站。
現在就一起來看看，使用Next.js所需的環境要如何建置吧！
零、安裝command line developer tools
如果mac電腦還没有安裝過command line developer tools，安裝nvm時可能會遇到一些麻煩，如果還没安裝過，先安裝一下吧～
{code}xcode-select --install{/code}
一、安裝nvm
其實不安裝nvm也可以，只是如果以後Node.js要升級好像有點麻煩；還有許多不同的Node.js版本管理器，挑選自己喜歡的安裝吧～
這裡以安裝nvm為例，安裝時需要在使用者資料夾中有.zshrc這個文件，如果没有，就需要先新增一下再安裝。
安裝完成後，輸入{icode}source ~/.zshrc{/icode}讓終端機讀到.zshrc的內容，再輸入nvm -v檢查一下有没有安裝成功。
{code}
touch ~/.zshrc
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
source ~/.zshrc
nvm -v
{/code}
二、安裝Node.js、npm
再來就可以用nvm安裝Node.js了，安裝Node.js就會一起安裝npm，只要執行{icode}nvm install --lts{/icode}就會自動安裝最新的Node.js LTS版本。
{code}
nvm install --lts
node -v
npm -v
{/code}
三、建立新Next.js網站
安裝完Node.js後，就可以使用{icode}npx{/icode}建立Next.js網站了；先將終端機移動到要建立網站的資料夾，執行{icode}npx create-next-app{/icode}後，會詢問要新增的專案名稱，填完就會在所在位置新增專案資料夾並下載Next.js網站所需的檔案。
檔案下載完成後，基本的Next.js網站也就完成囉！
{code}npx create-next-app{/code}
四、執行網站
執行{icode}npm run dev{/icode}就可以將網站在本地運行起來，開啟瀏覽器連上http://localhost:3000/看看吧！